diff --git a/package.json b/package.json index 3795306..91abe58 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,6 @@ "author": "", "license": "ISC", "dependencies": { - "rw-elements-tools": "^1.3.5" + "rw-elements-tools": "^1.4.0" } } diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/hooks.js index a273e9b..9f92cd2 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{showContentInEdit,openOnLoad,globalID,accordionGroup,accordionCustomGroupId,summaryPadding,summaryBackground,summaryBackgroundClosed,showIcon,icon,iconAlignment,iconSize,iconRotation,iconColor,iconRotationClosed,iconColorClosed,globalFilterGroup}=rw.props,{id,parent}=rw.node,{tags}=rw.collections,dataTags=(tags==null?void 0:tags.map(tag=>tag.title).join(","))||"",hasAnIcon=icon&&icon.format==="svg",showContent=rw.project.mode!="edit"?!0:showContentInEdit,filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),wantsGrouping=accordionGroup!="none",groupId=accordionGroup=="custom"?accordionCustomGroupId:parent.id,classes={details:classnames([`group/${id} transform`,globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),summary:classnames(["flex justify-between items-center text-left font-semibold text-gray-800 cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500",globalTransitions(rw,!0),summaryPadding,summaryBackground,summaryBackgroundClosed]).toString(),content:classnames([""]).toString(),icon:classnames(["[&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-300",iconSize,iconAlignment,iconRotation,iconColor,iconRotationClosed&&`[&>svg]:group-data-[open=false]/${id}:rotate-[${iconRotationClosed}deg]`,iconColorClosed&&`[&>svg]:group-data-[open=false]/${id}:text-${iconColorClosed}`]).toString()};rw.setRootElement({as:"div",class:classes.details,args:{"x-data":`() => accordion('${id}', ${JSON.stringify({groupId:wantsGrouping?groupId:null,openOnLoad:openOnLoad=="true"}).replace(/"/g,"'")})`,"x-bind":"details","data-open":"false",role:"group","aria-roledescription":"accordion","aria-label":`Accordion section ${id}`,id:globalID||id,...filter.args,"data-filter-tags":dataTags}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id,classes,hasAnIcon,edit:rw.project.mode=="edit",showIcon,globalFilterGroup,filter,filterGroup:filter.args["data-filter-group"],globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd,showContent})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{showContentInEdit,openOnLoad,globalID,accordionGroup,accordionCustomGroupId,summaryPadding,summaryBackground,summaryBackgroundClosed,showIcon,icon,iconAlignment,iconSize,iconRotation,iconColor,iconRotationClosed,iconColorClosed,globalFilterGroup}=rw.props,{id,parent}=rw.node,{tags}=rw.collections,dataTags=(tags==null?void 0:tags.map(tag=>tag.title).join(","))||"",hasAnIcon=icon&&icon.format==="svg",showContent=rw.project.mode!="edit"?!0:showContentInEdit,filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),wantsGrouping=accordionGroup!="none",groupId=accordionGroup=="custom"?accordionCustomGroupId:parent.id,classes={details:classnames([`group/${id} transform`,globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),summary:classnames(["flex justify-between items-center text-left font-semibold text-gray-800 cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500",globalTransitions(rw,!0),summaryPadding,summaryBackground,summaryBackgroundClosed]).toString(),content:classnames([""]).toString(),icon:classnames(["[&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-300",iconSize,iconAlignment,iconRotation,iconColor,iconRotationClosed&&`[&>svg]:group-data-[open=false]/${id}:rotate-[${iconRotationClosed}deg]`,iconColorClosed&&`[&>svg]:group-data-[open=false]/${id}:text-${iconColorClosed}`]).toString()};rw.setRootElement({as:"div",class:classes.details,args:{"x-data":`() => accordion('${id}', ${JSON.stringify({groupId:wantsGrouping?groupId:null,openOnLoad:openOnLoad=="true"}).replace(/"/g,"'")})`,"x-bind":"details","data-open":"false",role:"group","aria-roledescription":"accordion","aria-label":`Accordion section ${id}`,id:globalID||id,...filter.args,"data-filter-tags":dataTags}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id,classes,hasAnIcon,edit:rw.project.mode=="edit",showIcon,globalFilterGroup,filter,filterGroup:filter.args["data-filter-group"],globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd,showContent})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/properties.json index 2f68745..42b0e42 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.accordion/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Show Content In Edit","heading":{}},{"title":"Enable","id":"showContentInEdit","responsive":false,"switch":{"default":true}},{"divider":{}},{"title":"Default State","id":"openOnLoad","responsive":false,"segmented":{"default":false,"items":[{"title":"Open","value":true},{"title":"Closed","value":false}]}}]},{"title":"Tags","icon":"tag","properties":[{"title":"Tags","id":"tags","collection":{"identifier":"com.realmacsoftware.accordion.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Grouping","icon":"list.star","properties":[{"title":"Group","id":"accordionGroup","segmented":{"default":"parent","items":[{"title":"None","value":"none"},{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"accordionGroup == 'custom'","title":"Group ID","id":"accordionCustomGroupId","text":{"default":"unique-group-id"}},{"information":{},"title":"Grouping accordions will ensure only one accordion in the same group is open at a time."}]},{"title":"Summary","icon":"text.book.closed","properties":[{"title":"State","id":"summaryState","responsive":false,"segmented":{"default":"closed","items":[{"title":"Open","value":"open"},{"title":"Closed","value":"closed"}]}},{"visible":"summaryState == 'open'","title":"Background","id":"summaryBackground","format":"hover:bg-{{value}} aria-expanded:bg-{{value}}","themeColor":{"default":{"name":"none","brightness":50}}},{"visible":"summaryState == 'closed'","title":"Background","id":"summaryBackgroundClosed","format":"bg-{{value}}","themeColor":{"default":{"name":"none","brightness":50}}},{"divider":{}},{"title":"Padding","id":"summaryPadding","format":"p-{{value}}","themeSpacing":{"default":{"base":{"top":2,"bottom":2,"left":3.5,"right":3.5}}}}]},{"title":"Icon","icon":"square.and.pencil","properties":[{"title":"Show Icon","id":"showIcon","responsive":false,"switch":{"default":true}},{"visible":"showIcon == true","title":"SVG","id":"icon","resource":{"accepts":"svg"}},{"visible":"showIcon == true","title":"Alignment","id":"iconAlignment","format":"order-{{value}}","segmented":{"default":"last","items":[{"icon":"inset.filled.lefthalf.rectangle","value":"first"},{"icon":"inset.filled.righthalf.rectangle","value":"last"}]}},{"visible":"showIcon == true","title":"Size","id":"iconSize","format":"[&>svg]:size-[{{value}}]","text":{"default":"24px","subtitle":"Any valid CSS unit, e.g. 16px, 1rem, 50%."}},{"visible":"showIcon == true","divider":{}},{"visible":"showIcon == true","title":"State","id":"iconState","responsive":false,"segmented":{"default":"open","items":[{"title":"Open","value":"open"},{"title":"Closed","value":"closed"}]}},{"visible":"showIcon == true && iconState == 'open'","title":"Rotation","id":"iconRotation","format":"[&>svg]:rotate-[{{value}}deg]","number":{"default":90,"subtitle":"in degrees"}},{"visible":"showIcon == true && iconState == 'open'","title":"Color","id":"iconColor","format":"[&>svg]:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":900}}},{"visible":"showIcon == true && iconState == 'closed'","title":"Rotation","id":"iconRotationClosed","format":"{{value}}","number":{"default":180,"subtitle":"in degrees"}},{"visible":"showIcon == true && iconState == 'closed'","title":"Color","id":"iconColorClosed","format":"{{value}}","themeColor":{"default":{"name":"surface","brightness":900}}},{"visible":"showIcon == true","information":{},"title":"Color will be used for SVG icons"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Show Content In Edit","heading":{}},{"title":"Enable","id":"showContentInEdit","responsive":false,"switch":{"default":true}},{"divider":{}},{"title":"Default State","id":"openOnLoad","responsive":false,"segmented":{"default":false,"items":[{"title":"Open","value":true},{"title":"Closed","value":false}]}}]},{"title":"Tags","icon":"tag","properties":[{"title":"Tags","id":"tags","collection":{"identifier":"com.realmacsoftware.accordion.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Grouping","icon":"list.star","properties":[{"title":"Group","id":"accordionGroup","segmented":{"default":"parent","items":[{"title":"None","value":"none"},{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"accordionGroup == 'custom'","title":"Group ID","id":"accordionCustomGroupId","text":{"default":"unique-group-id"}},{"information":{},"title":"Grouping accordions will ensure only one accordion in the same group is open at a time."}]},{"title":"Summary","icon":"text.book.closed","properties":[{"title":"State","id":"summaryState","responsive":false,"segmented":{"default":"closed","items":[{"title":"Open","value":"open"},{"title":"Closed","value":"closed"}]}},{"visible":"summaryState == 'open'","title":"Background","id":"summaryBackground","format":"hover:bg-{{value}} aria-expanded:bg-{{value}}","themeColor":{"default":{"name":"none","brightness":50}}},{"visible":"summaryState == 'closed'","title":"Background","id":"summaryBackgroundClosed","format":"bg-{{value}}","themeColor":{"default":{"name":"none","brightness":50}}},{"divider":{}},{"title":"Padding","id":"summaryPadding","format":"p-{{value}}","themeSpacing":{"default":{"base":{"top":2,"bottom":2,"left":3.5,"right":3.5}}}}]},{"title":"Icon","icon":"square.and.pencil","properties":[{"title":"Show Icon","id":"showIcon","responsive":false,"switch":{"default":true}},{"visible":"showIcon == true","title":"SVG","id":"icon","resource":{"accepts":"svg"}},{"visible":"showIcon == true","title":"Alignment","id":"iconAlignment","format":"order-{{value}}","segmented":{"default":"last","items":[{"icon":"inset.filled.lefthalf.rectangle","value":"first"},{"icon":"inset.filled.righthalf.rectangle","value":"last"}]}},{"visible":"showIcon == true","title":"Size","id":"iconSize","format":"[&>svg]:size-[{{value}}]","text":{"default":"24px","subtitle":"Any valid CSS unit, e.g. 16px, 1rem, 50%."}},{"visible":"showIcon == true","divider":{}},{"visible":"showIcon == true","title":"State","id":"iconState","responsive":false,"segmented":{"default":"open","items":[{"title":"Open","value":"open"},{"title":"Closed","value":"closed"}]}},{"visible":"showIcon == true && iconState == 'open'","title":"Rotation","id":"iconRotation","format":"[&>svg]:rotate-[{{value}}deg]","number":{"default":90,"subtitle":"in degrees"}},{"visible":"showIcon == true && iconState == 'open'","title":"Color","id":"iconColor","format":"[&>svg]:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":900}}},{"visible":"showIcon == true && iconState == 'closed'","title":"Rotation","id":"iconRotationClosed","format":"{{value}}","number":{"default":180,"subtitle":"in degrees"}},{"visible":"showIcon == true && iconState == 'closed'","title":"Color","id":"iconColorClosed","format":"{{value}}","themeColor":{"default":{"name":"surface","brightness":900}}},{"visible":"showIcon == true","information":{},"title":"Color will be used for SVG icons"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/hooks.js index e07d443..ea242fd 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{iconPlay,iconPause,iconNext,iconPrevious,iconSkipBack,iconSkipForward,iconSpacing,iconPlayPauseColor,iconPlayPauseColorHover,iconPlayPauseSize,iconNextPrevColor,iconNextPrevColorHover,iconNextPrevSize,iconSkipSize,iconSkipColor,iconSkipColorHover,trackListMaxHeight,trackListPadding,trackListGap,trackItemBorderRadius,trackListArtworkSize,trackListArtworkShadow,trackListArtworkBorderRadius,trackListTitleFontSize,trackListArtistFontSize,trackTitleTextColor,trackTitleTextColorHover,trackArtistTextColor,trackArtistTextColorHover,trackBg,trackBgOpacity,trackBgHover,trackBgOpacityHover,trackDividersColor,trackDividersThickness,nowPlayingLayout,nowPlayingPadding,nowPlayingGap,nowPlayingArtworkSize,nowPlayingArtworkShadow,nowPlayingArtworkBorderRadius,nowPlayingTitleTextColor,nowPlayingArtistTextColor,nowPlayingArtistFontSize,nowPlayingTitleFontSize,nowPlayingProgressBarBgColor,nowPlayingProgressBarForegroundColor,nowPlayingProgressBarSize}=rw.props,{mode}=rw.project,{tracks}=rw.collections,{sharedAssetPath}=rw.component,firstTrack=(tracks==null?void 0:tracks[0])||{title:"Placeholder Title",artist:"Placeholder Artist",coverImage:`${sharedAssetPath}/images/image-square.jpg`,audioSource:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"},hasMultipleTracks=(tracks==null?void 0:tracks.length)>1,classes={wrapper:classnames(["text-white",advancedClasses(rw),globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),nowPlaying:{wrapper:classnames(["flex items-center flex-wrap",nowPlayingLayout,nowPlayingGap,nowPlayingPadding]).toString(),artwork:classnames(["object-cover",nowPlayingArtworkSize,nowPlayingArtworkShadow,nowPlayingArtworkBorderRadius]).toString(),title:classnames(["font-semibold font-body",nowPlayingTitleTextColor,nowPlayingTitleFontSize]).toString(),artist:classnames(["font-body",nowPlayingArtistTextColor,nowPlayingArtistFontSize]).toString(),progressBar:{wrapper:classnames([nowPlayingProgressBarSize,nowPlayingProgressBarBgColor,"relative overflow-hidden w-full mx-auto rounded-full cursor-pointer select-none"]).toString(),foreground:classnames(["absolute top-0 left-0 rounded-full",nowPlayingProgressBarSize,nowPlayingProgressBarForegroundColor]).toString(),thumb:classnames([nowPlayingProgressBarSize,nowPlayingProgressBarForegroundColor,"absolute top-0 aspect-square rounded-full transition duration-[0ms]"]).toString()}},list:classnames(["flex flex-col overflow-y-auto",!hasMultipleTracks&&"hidden",trackListMaxHeight,trackListPadding,trackListGap,trackDividersColor,trackDividersThickness]).toString(),track:{wrapper:classnames(["group/track flex items-center gap-4 px-4 py-3 cursor-pointer transition",trackItemBorderRadius,trackBg,trackBgOpacity,trackBgHover,trackBgOpacityHover]).toString(),artwork:classnames([trackListArtworkSize,trackListArtworkShadow,trackListArtworkBorderRadius]).toString(),title:classnames(["font-body",trackTitleTextColor,trackTitleTextColorHover,trackListTitleFontSize]).toString(),artist:classnames(["font-body",trackArtistTextColor,trackArtistTextColorHover,trackListArtistFontSize]).toString()},icons:{wrapper:`flex items-center justify-center ${iconSpacing}`,skip:`${iconSkipColor} ${iconSkipColorHover} ${iconSkipSize} focus:outline-none transition`,track:`${iconNextPrevColor} ${iconNextPrevColorHover} ${iconNextPrevSize} focus:outline-none transition`,playButton:"",play:`${iconPlayPauseColor} ${iconPlayPauseColorHover} ${iconPlayPauseSize} transition`}};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":"elementsAudioPlaylist()","x-init":"init"}}),rw.setProps({id:rw.node.id,edit:mode==="edit",tracks,firstTrack,classes,hasMultipleTracks,iconPlay:iconPlay||'',iconPause:iconPause||'',iconNext:iconNext||'',iconPrevious:iconPrevious||'',iconSkipBack:iconSkipBack||'',iconSkipForward:iconSkipForward||''})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{iconPlay,iconPause,iconNext,iconPrevious,iconSkipBack,iconSkipForward,iconSpacing,iconPlayPauseColor,iconPlayPauseColorHover,iconPlayPauseSize,iconNextPrevColor,iconNextPrevColorHover,iconNextPrevSize,iconSkipSize,iconSkipColor,iconSkipColorHover,trackListMaxHeight,trackListPadding,trackListGap,trackItemBorderRadius,trackListArtworkSize,trackListArtworkShadow,trackListArtworkBorderRadius,trackListTitleFontSize,trackListArtistFontSize,trackTitleTextColor,trackTitleTextColorHover,trackArtistTextColor,trackArtistTextColorHover,trackBg,trackBgOpacity,trackBgHover,trackBgOpacityHover,trackDividersColor,trackDividersThickness,nowPlayingLayout,nowPlayingPadding,nowPlayingGap,nowPlayingArtworkSize,nowPlayingArtworkShadow,nowPlayingArtworkBorderRadius,nowPlayingTitleTextColor,nowPlayingArtistTextColor,nowPlayingArtistFontSize,nowPlayingTitleFontSize,nowPlayingProgressBarBgColor,nowPlayingProgressBarForegroundColor,nowPlayingProgressBarSize}=rw.props,{mode}=rw.project,{tracks}=rw.collections,{sharedAssetPath}=rw.component,firstTrack=(tracks==null?void 0:tracks[0])||{title:"Placeholder Title",artist:"Placeholder Artist",coverImage:`${sharedAssetPath}/images/image-square.jpg`,audioSource:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"},hasMultipleTracks=(tracks==null?void 0:tracks.length)>1,classes={wrapper:classnames(["text-white",advancedClasses(rw),globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),nowPlaying:{wrapper:classnames(["flex items-center flex-wrap",nowPlayingLayout,nowPlayingGap,nowPlayingPadding]).toString(),artwork:classnames(["object-cover",nowPlayingArtworkSize,nowPlayingArtworkShadow,nowPlayingArtworkBorderRadius]).toString(),title:classnames(["font-semibold font-body",nowPlayingTitleTextColor,nowPlayingTitleFontSize]).toString(),artist:classnames(["font-body",nowPlayingArtistTextColor,nowPlayingArtistFontSize]).toString(),progressBar:{wrapper:classnames([nowPlayingProgressBarSize,nowPlayingProgressBarBgColor,"relative overflow-hidden w-full mx-auto rounded-full cursor-pointer select-none"]).toString(),foreground:classnames(["absolute top-0 left-0 rounded-full",nowPlayingProgressBarSize,nowPlayingProgressBarForegroundColor]).toString(),thumb:classnames([nowPlayingProgressBarSize,nowPlayingProgressBarForegroundColor,"absolute top-0 aspect-square rounded-full transition duration-[0ms]"]).toString()}},list:classnames(["flex flex-col overflow-y-auto",!hasMultipleTracks&&"hidden",trackListMaxHeight,trackListPadding,trackListGap,trackDividersColor,trackDividersThickness]).toString(),track:{wrapper:classnames(["group/track flex items-center gap-4 px-4 py-3 cursor-pointer transition",trackItemBorderRadius,trackBg,trackBgOpacity,trackBgHover,trackBgOpacityHover]).toString(),artwork:classnames([trackListArtworkSize,trackListArtworkShadow,trackListArtworkBorderRadius]).toString(),title:classnames(["font-body",trackTitleTextColor,trackTitleTextColorHover,trackListTitleFontSize]).toString(),artist:classnames(["font-body",trackArtistTextColor,trackArtistTextColorHover,trackListArtistFontSize]).toString()},icons:{wrapper:`flex items-center justify-center ${iconSpacing}`,skip:`${iconSkipColor} ${iconSkipColorHover} ${iconSkipSize} focus:outline-none transition`,track:`${iconNextPrevColor} ${iconNextPrevColorHover} ${iconNextPrevSize} focus:outline-none transition`,playButton:"",play:`${iconPlayPauseColor} ${iconPlayPauseColorHover} ${iconPlayPauseSize} transition`}};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":"elementsAudioPlaylist()","x-init":"init"}}),rw.setProps({id:rw.node.id,edit:mode==="edit",tracks,firstTrack,classes,hasMultipleTracks,iconPlay:iconPlay||'',iconPause:iconPause||'',iconNext:iconNext||'',iconPrevious:iconPrevious||'',iconSkipBack:iconSkipBack||'',iconSkipForward:iconSkipForward||''})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/properties.json index 8f5fe2d..efa364b 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.audioPlaylist/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Tracks","icon":"music.note","properties":[{"title":"Tracks","id":"tracks","collection":{"identifier":"com.realmacsoftware.audioPlaylist.collections.tracks"}}]},{"title":"Now Playing","icon":"play.square.stack.fill","properties":[{"title":"Layout","id":"nowPlayingLayout","responsive":false,"segmented":{"default":"flex-col text-center","items":[{"title":"Vertical","value":"flex-col text-center"},{"title":"Horizontal","value":"flex-row text-left"}]}},{"title":"Gap","id":"nowPlayingGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":"5"}}},{"title":"Padding","id":"nowPlayingPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"divider":{}},{"title":"Artwork","heading":{}},{"title":"Size","id":"nowPlayingArtworkSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"48"}}}},{"title":"Shadow","id":"nowPlayingArtworkShadow","themeShadow":{"default":{"base":{"name":"none"}}}},{"title":"Radius","id":"nowPlayingArtworkBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Title","heading":{}},{"title":"Color","id":"nowPlayingTitleTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"title":"Size","id":"nowPlayingTitleFontSize","themeTextStyle":{"default":{"base":"lg"}}},{"title":"Artist","heading":{}},{"title":"Color","id":"nowPlayingArtistTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"title":"Size","id":"nowPlayingArtistFontSize","themeTextStyle":{"default":{"base":"sm"}}}]},{"title":"Progress Bar","icon":"timer.circle.fill","properties":[{"title":"Progress Bar","heading":{}},{"title":"Background","id":"nowPlayingProgressBarBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":100}}},{"title":"Foreground","id":"nowPlayingProgressBarForegroundColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":300}}},{"title":"Size","id":"nowPlayingProgressBarSize","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"1.5"}}}}]},{"title":"Track List","icon":"list.bullet","properties":[{"title":"Max Height","id":"trackListMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"72"}}}},{"title":"Padding","id":"trackListPadding","themeSpacing":{"mode":"padding","default":{"base":{"value":"0"}}}},{"title":"Gap","id":"trackListGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Radius","id":"trackItemBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Artwork","heading":{}},{"title":"Size","id":"trackListArtworkSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"12"}}}},{"title":"Shadow","id":"trackListArtworkShadow","themeShadow":{"default":{"base":{"name":"none"}}}},{"title":"Radius","id":"trackListArtworkBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Dividers","heading":{}},{"title":"Dividers","id":"trackDividersColor","format":"divide-{{value}}","themeColor":{"default":{"name":"surface","brightness":800}}},{"title":"Thickness","id":"trackDividersThickness","format":"divide-y-[{{value}}px]","slider":{"default":0,"min":0,"max":10,"round":true,"snap":true,"units":"px"}},{"divider":{}},{"title":"Text Size","heading":{}},{"title":"Title","id":"trackListTitleFontSize","themeTextStyle":{"default":{"base":{"name":"lg"}}}},{"title":"Artist","id":"trackListArtistFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"divider":{}},{"title":"Colors","heading":{}},{"title":"State","id":"trackState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"trackState == 'normal'","title":"Background","id":"trackBg","format":"bg-{{value}}","themeColor":{"default":{"name":"white","brightness":50}}},{"visible":"trackState == 'normal'","title":"Opacity","id":"trackBgOpacity","format":"bg-opacity-[{{value}}%]","slider":{"default":"100","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"trackState == 'normal'","title":"Title","id":"trackTitleTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'normal'","title":"Artist","id":"trackArtistTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'hover'","title":"Background","id":"trackBgHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"white","brightness":50}}},{"visible":"trackState == 'hover'","title":"Opacity","id":"trackBgOpacityHover","format":"hover:bg-opacity-[{{value}}%]","slider":{"default":"100","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"trackState == 'hover'","title":"Title","id":"trackTitleTextColorHover","format":"group-hover/track:text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'hover'","title":"Artist","id":"trackArtistTextColorHover","format":"group-hover/track:text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}}]},{"title":"Icons","icon":"playpause.fill","properties":[{"title":"Spacing","id":"iconSpacing","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"divider":{}},{"title":"Play and Pause","heading":{}},{"title":"Color","id":"iconPlayPauseColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"title":"Hover","id":"iconPlayPauseColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"title":"Size","id":"iconPlayPauseSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"12"}}}},{"title":"Play","property":"iconPlay","resource":{}},{"title":"Pause","property":"iconPause","resource":{}},{"divider":{}},{"title":"Next and Previous","heading":{}},{"title":"Enable","property":"enableNextAndPrevious","responsive":false,"switch":{"default":true}},{"enable":"enableNextAndPrevious == true","title":"Color","id":"iconNextPrevColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"enable":"enableNextAndPrevious == true","title":"Hover","id":"iconNextPrevColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"enable":"enableNextAndPrevious == true","title":"Size","id":"iconNextPrevSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enableNextAndPrevious == true","title":"Next","property":"iconNext","resource":{}},{"enable":"enableNextAndPrevious == true","title":"Previous","property":"iconPrevious","resource":{}},{"divider":{}},{"title":"Skip Back and Forward","heading":{}},{"title":"Enable","property":"enableSkipBackAndForward","responsive":false,"switch":{"default":false}},{"enable":"enableSkipBackAndForward == true","title":"Color","id":"iconSkipColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"enable":"enableSkipBackAndForward == true","title":"Hover","id":"iconSkipColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"enable":"enableSkipBackAndForward == true","title":"Size","id":"iconSkipSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enableSkipBackAndForward == true","title":"Skip Back","property":"iconSkipBack","resource":{}},{"enable":"enableSkipBackAndForward == true","title":"Skip Forward","property":"iconSkipForward","resource":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"static","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Tracks","icon":"music.note","properties":[{"title":"Tracks","id":"tracks","collection":{"identifier":"com.realmacsoftware.audioPlaylist.collections.tracks"}}]},{"title":"Now Playing","icon":"play.square.stack.fill","properties":[{"title":"Layout","id":"nowPlayingLayout","responsive":false,"segmented":{"default":"flex-col text-center","items":[{"title":"Vertical","value":"flex-col text-center"},{"title":"Horizontal","value":"flex-row text-left"}]}},{"title":"Gap","id":"nowPlayingGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":"5"}}},{"title":"Padding","id":"nowPlayingPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"divider":{}},{"title":"Artwork","heading":{}},{"title":"Size","id":"nowPlayingArtworkSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"48"}}}},{"title":"Shadow","id":"nowPlayingArtworkShadow","themeShadow":{"default":{"base":{"name":"none"}}}},{"title":"Radius","id":"nowPlayingArtworkBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Title","heading":{}},{"title":"Color","id":"nowPlayingTitleTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"title":"Size","id":"nowPlayingTitleFontSize","themeTextStyle":{"default":{"base":"lg"}}},{"title":"Artist","heading":{}},{"title":"Color","id":"nowPlayingArtistTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"title":"Size","id":"nowPlayingArtistFontSize","themeTextStyle":{"default":{"base":"sm"}}}]},{"title":"Progress Bar","icon":"timer.circle.fill","properties":[{"title":"Progress Bar","heading":{}},{"title":"Background","id":"nowPlayingProgressBarBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":100}}},{"title":"Foreground","id":"nowPlayingProgressBarForegroundColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":300}}},{"title":"Size","id":"nowPlayingProgressBarSize","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"1.5"}}}}]},{"title":"Track List","icon":"list.bullet","properties":[{"title":"Max Height","id":"trackListMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"72"}}}},{"title":"Padding","id":"trackListPadding","themeSpacing":{"mode":"padding","default":{"base":{"value":"0"}}}},{"title":"Gap","id":"trackListGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Radius","id":"trackItemBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Artwork","heading":{}},{"title":"Size","id":"trackListArtworkSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"12"}}}},{"title":"Shadow","id":"trackListArtworkShadow","themeShadow":{"default":{"base":{"name":"none"}}}},{"title":"Radius","id":"trackListArtworkBorderRadius","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"divider":{}},{"title":"Dividers","heading":{}},{"title":"Dividers","id":"trackDividersColor","format":"divide-{{value}}","themeColor":{"default":{"name":"surface","brightness":800}}},{"title":"Thickness","id":"trackDividersThickness","format":"divide-y-[{{value}}px]","slider":{"default":0,"min":0,"max":10,"round":true,"snap":true,"units":"px"}},{"divider":{}},{"title":"Text Size","heading":{}},{"title":"Title","id":"trackListTitleFontSize","themeTextStyle":{"default":{"base":{"name":"lg"}}}},{"title":"Artist","id":"trackListArtistFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"divider":{}},{"title":"Colors","heading":{}},{"title":"State","id":"trackState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"trackState == 'normal'","title":"Background","id":"trackBg","format":"bg-{{value}}","themeColor":{"default":{"name":"white","brightness":50}}},{"visible":"trackState == 'normal'","title":"Opacity","id":"trackBgOpacity","format":"bg-opacity-[{{value}}%]","slider":{"default":"100","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"trackState == 'normal'","title":"Title","id":"trackTitleTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'normal'","title":"Artist","id":"trackArtistTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'hover'","title":"Background","id":"trackBgHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"white","brightness":50}}},{"visible":"trackState == 'hover'","title":"Opacity","id":"trackBgOpacityHover","format":"hover:bg-opacity-[{{value}}%]","slider":{"default":"100","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"trackState == 'hover'","title":"Title","id":"trackTitleTextColorHover","format":"group-hover/track:text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}},{"visible":"trackState == 'hover'","title":"Artist","id":"trackArtistTextColorHover","format":"group-hover/track:text-{{value}}","themeColor":{"default":{"name":"text","brightness":600}}}]},{"title":"Icons","icon":"playpause.fill","properties":[{"title":"Spacing","id":"iconSpacing","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"divider":{}},{"title":"Play and Pause","heading":{}},{"title":"Color","id":"iconPlayPauseColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"title":"Hover","id":"iconPlayPauseColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"title":"Size","id":"iconPlayPauseSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"12"}}}},{"title":"Play","property":"iconPlay","resource":{}},{"title":"Pause","property":"iconPause","resource":{}},{"divider":{}},{"title":"Next and Previous","heading":{}},{"title":"Enable","property":"enableNextAndPrevious","responsive":false,"switch":{"default":true}},{"enable":"enableNextAndPrevious == true","title":"Color","id":"iconNextPrevColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"enable":"enableNextAndPrevious == true","title":"Hover","id":"iconNextPrevColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"enable":"enableNextAndPrevious == true","title":"Size","id":"iconNextPrevSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enableNextAndPrevious == true","title":"Next","property":"iconNext","resource":{}},{"enable":"enableNextAndPrevious == true","title":"Previous","property":"iconPrevious","resource":{}},{"divider":{}},{"title":"Skip Back and Forward","heading":{}},{"title":"Enable","property":"enableSkipBackAndForward","responsive":false,"switch":{"default":false}},{"enable":"enableSkipBackAndForward == true","title":"Color","id":"iconSkipColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"enable":"enableSkipBackAndForward == true","title":"Hover","id":"iconSkipColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}},{"enable":"enableSkipBackAndForward == true","title":"Size","id":"iconSkipSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enableSkipBackAndForward == true","title":"Skip Back","property":"iconSkipBack","resource":{}},{"enable":"enableSkipBackAndForward == true","title":"Skip Forward","property":"iconSkipForward","resource":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"static","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.background/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.background/hooks.js index a693950..9e5087f 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.background/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.background/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,globalBgImageType,globalBgImageCmsField,globalLayoutPosition:position,bgFixed,enableAngle,angleMode="vertical",angleTopLeft,angleTopRight,angleBottomLeft,angleBottomRight,angleLeftTop,angleLeftBottom,angleRightTop,angleRightBottom,globalBgType,globalBgSVGResource,globalBgSVGMaxWidth,globalBgSVGMinWidth,globalBgSVGMaxHeight,globalBgSVGMinHeight,globalBgSVGFixedWidth,globalBgSVGFixedHeight,globalBgSVGPositionTop,globalBgSVGPositionRight,globalBgSVGPositionBottom,globalBgSVGPositionLeft,globalBgSVGTranslateX,globalBgSVGTranslateY,globalBgSVGColor,globalBgSVGOpacity}=rw.props,{mode}=rw.project,{sharedAssetPath}=rw.component,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),isEdit=mode=="edit",isSvg=globalBgType==="svg",isCms=globalBgType==="image"&&globalBgImageType==="cms",cmsField=isCms?isEdit?`${sharedAssetPath}/images/image-square.jpg`:globalBgImageCmsField:null,angleClass=enableAngle?angleMode==="horizontal"?`[clip-path:_polygon(${angleLeftTop!=null?angleLeftTop:100}%_0,${angleRightTop!=null?angleRightTop:0}%_0,${angleRightBottom!=null?angleRightBottom:0}%_100%,${angleLeftBottom!=null?angleLeftBottom:100}%_100%)]`:`[clip-path:_polygon(0_${angleTopLeft!=null?angleTopLeft:0}%,100%_${angleTopRight!=null?angleTopRight:0}%,100%_${angleBottomRight!=null?angleBottomRight:0}%,0_${angleBottomLeft!=null?angleBottomLeft:0}%)]`:"",classes={wrapper:classnames(["overflow-hidden",!position&&"relative",globalLayout(rw),globalSizingContainer(rw),globalSpacing(rw),advancedClasses(rw)]).toString(),bgWrapper:classnames(["[clip:rect(0,_auto,_auto,_0)] absolute top-0 left-0 w-full h-full -z-10"]).toString(),background:classnames(["block w-full h-full top-0 left-0","-z-10",...isSvg?["[&>svg]:absolute",globalBgSVGFixedWidth,globalBgSVGMaxWidth,globalBgSVGMinWidth,globalBgSVGFixedHeight,globalBgSVGMaxHeight,globalBgSVGMinHeight,globalBgSVGPositionTop,globalBgSVGPositionRight,globalBgSVGPositionBottom,globalBgSVGPositionLeft,globalBgSVGTranslateX,globalBgSVGTranslateY,globalBgSVGColor,globalBgSVGOpacity]:[],angleClass,bgFixed&&"fixed [will-change:transform] [transform:translateZ(0)]",!bgFixed&&"absolute",globalBackground(rw)]).toString()};globalID.length>0&&(console.log("adding anchor",globalID),rw.addAnchor(globalID)),rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID.length>0?globalID:rw.node.id}}),rw.setProps({classes,edit:mode==="edit",bgFixed,isSvg,isCms,cmsField,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};function setSVGClass(svgString,newClassValue){return svgString&&(svgString.match(/class="[^"]*"/)?svgString.replace(/class="[^"]*"/,`class="${newClassValue}"`):svgString.replace(/]*)/,`{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,globalBgImageType,globalBgImageCmsField,globalLayoutPosition:position,bgFixed,enableAngle,angleMode="vertical",angleTopLeft,angleTopRight,angleBottomLeft,angleBottomRight,angleLeftTop,angleLeftBottom,angleRightTop,angleRightBottom,globalBgType,globalBgSVGResource,globalBgSVGMaxWidth,globalBgSVGMinWidth,globalBgSVGMaxHeight,globalBgSVGMinHeight,globalBgSVGFixedWidth,globalBgSVGFixedHeight,globalBgSVGPositionTop,globalBgSVGPositionRight,globalBgSVGPositionBottom,globalBgSVGPositionLeft,globalBgSVGTranslateX,globalBgSVGTranslateY,globalBgSVGColor,globalBgSVGOpacity}=rw.props,{mode}=rw.project,{sharedAssetPath}=rw.component,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),isEdit=mode=="edit",isSvg=globalBgType==="svg",isCms=globalBgType==="image"&&globalBgImageType==="cms",cmsField=isCms?isEdit?`${sharedAssetPath}/images/image-square.jpg`:globalBgImageCmsField:null,angleClass=enableAngle?angleMode==="horizontal"?`[clip-path:_polygon(${angleLeftTop!=null?angleLeftTop:100}%_0,${angleRightTop!=null?angleRightTop:0}%_0,${angleRightBottom!=null?angleRightBottom:0}%_100%,${angleLeftBottom!=null?angleLeftBottom:100}%_100%)]`:`[clip-path:_polygon(0_${angleTopLeft!=null?angleTopLeft:0}%,100%_${angleTopRight!=null?angleTopRight:0}%,100%_${angleBottomRight!=null?angleBottomRight:0}%,0_${angleBottomLeft!=null?angleBottomLeft:0}%)]`:"",classes={wrapper:classnames(["overflow-hidden",!position&&"relative",globalLayout(rw),globalSizingContainer(rw),globalSpacing(rw),advancedClasses(rw)]).toString(),bgWrapper:classnames(["[clip:rect(0,_auto,_auto,_0)] absolute top-0 left-0 w-full h-full -z-10"]).toString(),background:classnames(["block w-full h-full top-0 left-0","-z-10",...isSvg?["[&>svg]:absolute",globalBgSVGFixedWidth,globalBgSVGMaxWidth,globalBgSVGMinWidth,globalBgSVGFixedHeight,globalBgSVGMaxHeight,globalBgSVGMinHeight,globalBgSVGPositionTop,globalBgSVGPositionRight,globalBgSVGPositionBottom,globalBgSVGPositionLeft,globalBgSVGTranslateX,globalBgSVGTranslateY,globalBgSVGColor,globalBgSVGOpacity]:[],angleClass,bgFixed&&"fixed [will-change:transform] [transform:translateZ(0)]",!bgFixed&&"absolute",globalBackground(rw)]).toString()};globalID.length>0&&(console.log("adding anchor",globalID),rw.addAnchor(globalID)),rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID.length>0?globalID:rw.node.id}}),rw.setProps({classes,edit:mode==="edit",bgFixed,isSvg,isCms,cmsField,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};function setSVGClass(svgString,newClassValue){return svgString&&(svgString.match(/class="[^"]*"/)?svgString.replace(/class="[^"]*"/,`class="${newClassValue}"`):svgString.replace(/]*)/,`{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,separatorIcon,separatorColor,separatorSize,showHome,homeLabel,truncateOnMobile,gap,flexAlignItems}=rw.props,{project}=rw,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),buildBreadcrumbs=(pages,trail2=[])=>{for(const page of pages){if(page.isActive)return[...trail2,page];if(page.hasActiveChild&&page.pages){const result=buildBreadcrumbs(page.pages,[...trail2,page]);if(result)return result}}return null},trail=buildBreadcrumbs(rw.pages)||[],wantsHome=showHome===!0||showHome==="true",homeCrumb={title:homeLabel||"Home",url:project.siteUrl||"/",isActive:!1,isHome:!0},isHomePage=page=>(page.url||"").replace(/\/+$/,"").replace(/^\.?\/?/,"")==="";let breadcrumbs;wantsHome?trail.length>=1&&isHomePage(trail[0])?breadcrumbs=[{...homeCrumb,isActive:trail[0].isActive},...trail.slice(1)]:breadcrumbs=[homeCrumb,...trail]:breadcrumbs=trail;let items=breadcrumbs.map((crumb,index)=>({...crumb,isFirst:index===0,isLast:index===breadcrumbs.length-1,showSeparator:index2){items=items.map((item,index)=>({...item,hiddenOnMobile:indexsvgString.includes('class="')?svgString.replace(/class="[^"]*"/,`class="${svgSizeClasses}"`):svgString.replace(/0&&rw.addAnchor(globalID),rw.setProps({items,classes,separatorContent,hasBreadcrumbs:items.length>0,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,separatorIcon,separatorColor,separatorSize,showHome,homeLabel,truncateOnMobile,gap,flexAlignItems}=rw.props,{project}=rw,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),buildBreadcrumbs=(pages,trail2=[])=>{for(const page of pages){if(page.isActive)return[...trail2,page];if(page.hasActiveChild&&page.pages){const result=buildBreadcrumbs(page.pages,[...trail2,page]);if(result)return result}}return null},trail=buildBreadcrumbs(rw.pages)||[],wantsHome=showHome===!0||showHome==="true",homeCrumb={title:homeLabel||"Home",url:project.siteUrl||"/",isActive:!1,isHome:!0},isHomePage=page=>(page.url||"").replace(/\/+$/,"").replace(/^\.?\/?/,"")==="";let breadcrumbs;wantsHome?trail.length>=1&&isHomePage(trail[0])?breadcrumbs=[{...homeCrumb,isActive:trail[0].isActive},...trail.slice(1)]:breadcrumbs=[homeCrumb,...trail]:breadcrumbs=trail;let items=breadcrumbs.map((crumb,index)=>({...crumb,isFirst:index===0,isLast:index===breadcrumbs.length-1,showSeparator:index2){items=items.map((item,index)=>({...item,hiddenOnMobile:indexsvgString.includes('class="')?svgString.replace(/class="[^"]*"/,`class="${svgSizeClasses}"`):svgString.replace(/0&&rw.addAnchor(globalID),rw.setProps({items,classes,separatorContent,hasBreadcrumbs:items.length>0,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.breadcrumbs/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.breadcrumbs/properties.json index c36c27f..3e25397 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.breadcrumbs/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.breadcrumbs/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Breadcrumbs","icon":"chevron.forward","properties":[{"title":"Separator","heading":{}},{"title":"Icon","id":"separatorIcon","resource":{}},{"title":"Color","id":"separatorColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":400}}},{"title":"Size","id":"separatorSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"4"}}}},{"divider":{}},{"title":"Home Link","heading":{}},{"title":"Show","id":"showHome","responsive":false,"switch":{"default":true}},{"enable":"showHome == true","title":"Label","id":"homeLabel","responsive":false,"text":{"default":"Home"}},{"divider":{}},{"title":"Truncate on Mobile","heading":{}},{"title":"Enable","id":"truncateOnMobile","responsive":false,"switch":{"default":true}},{"information":{},"title":"Show only the direct parent and current page on small screens"},{"divider":{}},{"title":"Layout","heading":{}},{"title":"Gap","id":"gap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Align","id":"flexAlignItems","format":"items-{{value}}","select":{"default":"center","items":[{"title":"Start","value":"start"},{"title":"Center","value":"center"},{"title":"End","value":"end"}]}},{"divider":{}},{"title":"Font & Text Styles","heading":{}},{"title":"Font","id":"globalMenuItemFontFamily","themeFont":{"default":{"base":{"name":"body"}}}},{"title":"Size","id":"globalMenuItemTextStyles","themeTextStyle":{"default":{"base":{"name":"sm"}}}},{"title":"Weight","id":"globalMenuItemFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalMenuItemLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Italic","id":"globalMenuItemItalic","switch":{"default":false,"trueValue":"italic","falseValue":"normal"}},{"divider":{}},{"title":"State","id":"globalMenuItemState","responsive":false,"segmented":{"default":"default","items":[{"title":"Default","value":"default"},{"title":"Active","value":"hover"}]}},{"visible":"globalMenuItemState == 'default'","title":"Color","id":"globalMenuItemColor","format":"text-{{value}}/[var(--text-opacity)]","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"globalMenuItemState == 'default'","title":"Opacity","id":"globalMenuItemOpacity","responsive":false,"format":"[--text-opacity:{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalMenuItemState == 'default'","title":"Underline","id":"globalMenuItemUnderline","switch":{"default":false,"trueValue":"underline","falseValue":"none"}},{"visible":"globalMenuItemState == 'hover'","title":"Color","id":"globalMenuItemHoverColor","format":"hover:text-{{value}}/[var(--text-opacity)] aria-[current=page]:text-{{value}}/[var(--text-opacity)]","themeColor":{"hover":{"name":"brand","brightness":500}}},{"visible":"globalMenuItemState == 'hover'","title":"Opacity","id":"globalMenuItemHoverOpacity","responsive":false,"format":"hover:[--text-opacity:{{value}}%] aria-[current=page]:[--text-opacity:{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalMenuItemState == 'hover'","title":"Underline","id":"globalMenuItemHoverUnderline","format":"hover:{{value}} aria-[current=page]:{{value}}","switch":{"default":false,"trueValue":"underline","falseValue":"none"}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file +{"groups":[{"title":"Breadcrumbs","icon":"chevron.forward","properties":[{"title":"Separator","heading":{}},{"title":"Icon","id":"separatorIcon","resource":{}},{"title":"Color","id":"separatorColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":400}}},{"title":"Size","id":"separatorSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"4"}}}},{"divider":{}},{"title":"Home Link","heading":{}},{"title":"Show","id":"showHome","responsive":false,"switch":{"default":true}},{"enable":"showHome == true","title":"Label","id":"homeLabel","responsive":false,"text":{"default":"Home"}},{"divider":{}},{"title":"Truncate on Mobile","heading":{}},{"title":"Enable","id":"truncateOnMobile","responsive":false,"switch":{"default":true}},{"information":{},"title":"Show only the direct parent and current page on small screens"},{"divider":{}},{"title":"Layout","heading":{}},{"title":"Gap","id":"gap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Align","id":"flexAlignItems","format":"items-{{value}}","select":{"default":"center","items":[{"title":"Start","value":"start"},{"title":"Center","value":"center"},{"title":"End","value":"end"}]}},{"divider":{}},{"title":"Font & Text Styles","heading":{}},{"title":"Font","id":"globalMenuItemFontFamily","themeFont":{"default":{"base":{"name":"body"}}}},{"title":"Size","id":"globalMenuItemTextStyles","themeTextStyle":{"default":{"base":{"name":"sm"}}}},{"title":"Weight","id":"globalMenuItemFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalMenuItemLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Italic","id":"globalMenuItemItalic","switch":{"default":false,"trueValue":"italic","falseValue":"normal"}},{"divider":{}},{"title":"State","id":"globalMenuItemState","responsive":false,"segmented":{"default":"default","items":[{"title":"Default","value":"default"},{"title":"Active","value":"hover"}]}},{"visible":"globalMenuItemState == 'default'","title":"Color","id":"globalMenuItemColor","format":"text-{{value}}/[var(--text-opacity)]","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"globalMenuItemState == 'default'","title":"Opacity","id":"globalMenuItemOpacity","responsive":false,"format":"[--text-opacity:{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalMenuItemState == 'default'","title":"Underline","id":"globalMenuItemUnderline","switch":{"default":false,"trueValue":"underline","falseValue":"none"}},{"visible":"globalMenuItemState == 'hover'","title":"Color","id":"globalMenuItemHoverColor","format":"hover:text-{{value}}/[var(--text-opacity)] aria-[current=page]:text-{{value}}/[var(--text-opacity)]","themeColor":{"hover":{"name":"brand","brightness":500}}},{"visible":"globalMenuItemState == 'hover'","title":"Opacity","id":"globalMenuItemHoverOpacity","responsive":false,"format":"hover:[--text-opacity:{{value}}%] aria-[current=page]:[--text-opacity:{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalMenuItemState == 'hover'","title":"Underline","id":"globalMenuItemHoverUnderline","format":"hover:{{value}} aria-[current=page]:{{value}}","switch":{"default":false,"trueValue":"underline","falseValue":"none"}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.button/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.button/hooks.js index dc3a1a2..f5964d7 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.button/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.button/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,showText,dropzoneType,dropzoneSpacing,globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,link=globalLink(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),{id}=rw.node,wantsDropzone=dropzoneType!="false",dropzoneSide=dropzoneType=="right"?"order-last":"order-first",classes=classnames([`group/button group/${id}`,"flex items-center cursor-pointer",wantsDropzone&&dropzoneSpacing,globalLayout(rw,{defaultDisplay:"flex"}),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover,advancedClasses(rw)]).toString();rw.setRootElement({as:link.hasLink?"a":"button",class:classes,args:{...link.args,id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({dropzoneSide,wantsDropzone,showText:showText=="true",globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,showText,dropzoneType,dropzoneSpacing,globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,link=globalLink(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),{id}=rw.node,wantsDropzone=dropzoneType!="false",dropzoneSide=dropzoneType=="right"?"order-last":"order-first",classes=classnames([`group/button group/${id}`,"flex items-center cursor-pointer",wantsDropzone&&dropzoneSpacing,globalLayout(rw,{defaultDisplay:"flex"}),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover,advancedClasses(rw)]).toString();rw.setRootElement({as:link.hasLink?"a":"button",class:classes,args:{...link.args,id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({dropzoneSide,wantsDropzone,showText:showText=="true",globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.button/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.button/properties.json index 5c624d9..d18914d 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.button/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.button/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"Text","heading":{}},{"title":"Show","id":"showText","switch":{"default":true}},{"divider":{}},{"title":"State","id":"globalButtonFontAndTextStylesState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Color","id":"globalButtonFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Color","id":"globalButtonFontAndTextStylesColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacityHover","format":"hover:text-opacity-[{{value}}%] dark:hover:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"name":"none"}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadowHover","format":"hover:{{value}}","themeShadow":{"mode":"text","default":{"name":"none"}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalButtonFontAndTextStylesTextAlign","format":"justify-{{value}}","segmented":{"default":"center","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalButtonFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalButtonFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalButtonFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalButtonFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalButtonFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Case","id":"globalButtonFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalButtonFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalButtonFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Dropzone","icon":"square.and.arrow.down","properties":[{"title":"Dropzone","id":"dropzoneType","segmented":{"default":false,"items":[{"title":"None","value":false},{"title":"Left","value":"left"},{"title":"Right","value":"right"}]}},{"visible":"dropzoneType != false","title":"Spacing","id":"dropzoneSpacing","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"hover","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"Text","heading":{}},{"title":"Show","id":"showText","switch":{"default":true}},{"divider":{}},{"title":"State","id":"globalButtonFontAndTextStylesState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Color","id":"globalButtonFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Color","id":"globalButtonFontAndTextStylesColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacityHover","format":"hover:text-opacity-[{{value}}%] dark:hover:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"name":"none"}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadowHover","format":"hover:{{value}}","themeShadow":{"mode":"text","default":{"name":"none"}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalButtonFontAndTextStylesTextAlign","format":"justify-{{value}}","segmented":{"default":"center","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalButtonFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalButtonFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalButtonFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalButtonFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalButtonFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Case","id":"globalButtonFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalButtonFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalButtonFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Dropzone","icon":"square.and.arrow.down","properties":[{"title":"Dropzone","id":"dropzoneType","segmented":{"default":false,"items":[{"title":"None","value":false},{"title":"Left","value":"left"},{"title":"Right","value":"right"}]}},{"visible":"dropzoneType != false","title":"Spacing","id":"dropzoneSpacing","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"hover","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.container/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.container/hooks.js index 1abe00c..8e768c6 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.container/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.container/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,globalSpacingEnabled:spacingEnabled,globalMargin:margin,globalPadding:padding,globalControlTypeBorders,globalBordersRadius,globalBgType,globalBgVideo,globalBgVideoAspectRatio,globalEffectsApplyTo,globalFiltersApplyTo,globalTransformsApplyTo,contentWidthType,contentWidthTheme,contentHeightType,contentHeightTheme,contentAlignSelf,contentJustifySelf,contentGap,globalControlTypeOverlay}=rw.props,{mode}=rw.project,{id}=rw.node,{tags}=rw.collections,dataTags=(tags==null?void 0:tags.map(tag=>tag.title).join(","))||"",link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),bgVideo=globalBgType=="video"&&globalBgVideo?{isYoutube:globalBgVideo.format=="youtube",isVimeo:globalBgVideo.format=="vimeo",isMP4:globalBgVideo.format=="mp4",video:globalBgVideo}:!1,contentWidthProps={props:{...rw.props,globalWidthType:contentWidthType,globalWidth:contentWidthTheme,globalHeightType:contentHeightType,globalHeight:contentHeightTheme,globalSizingMinMaxEnabled:!1,globalMinWidth:!1,globalMaxWidth:!1,globalMinHeight:!1,globalMaxHeight:!1},...rw.props},classes={wrapper:classnames([id,`group/container group/${id} grid-cols-1 [&>*]:col-start-1 [&>*]:row-start-1 [&>*]:min-w-0`,globalID&&`group/${globalID}`,globalActAsGridOrFlexItem(rw),globalLayout(rw,{defaultDisplay:"grid"}),globalSizingContainer(rw),globalTransitions(rw),globalEffectsApplyTo==="everything"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="everything"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="everything"&&globalFilters(rw,{isContainer:!0}),spacingEnabled=="true"&&margin,globalControlTypeBorders!="none"&&globalBordersRadius,advancedClasses(rw),globalBgType=="video"&&globalBgVideo&&globalBgVideoAspectRatio&&"aspect-video"]).toString(),background:classnames(["z-0 transform-gpu",globalTransitions(rw),globalBorders(rw,{isContainer:!0}),globalEffectsApplyTo==="background"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="background"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="background"&&globalFilters(rw,{isContainer:!0}),globalBackground(rw,{peer:!0}),globalBackground(rw),"overflow-hidden"]).toString(),content:classnames(["relative z-30 flex flex-col peer",globalTransitions(rw),globalEffectsApplyTo==="content"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="content"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="content"&&globalFilters(rw,{isContainer:!0}),globalSizingContainer(contentWidthProps),contentAlignSelf,contentJustifySelf,contentGap,spacingEnabled=="true"&&padding]).toString(),overlay:`relative z-20 ${globalControlTypeBorders!="none"&&globalBordersRadius} ${globalTransitions(rw)} ${globalOverlay(rw,{isContainer:!0})}`};rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classes.wrapper,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":dataTags}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id:rw.node.id,classes,edit:mode==="edit",wantsOverlay:globalControlTypeOverlay!="none",bgVideo,hasBgVideo:!!bgVideo,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,globalSpacingEnabled:spacingEnabled,globalMargin:margin,globalPadding:padding,globalControlTypeBorders,globalBordersRadius,globalBgType,globalBgVideo,globalBgVideoAspectRatio,globalEffectsApplyTo,globalFiltersApplyTo,globalTransformsApplyTo,contentWidthType,contentWidthTheme,contentHeightType,contentHeightTheme,contentAlignSelf,contentJustifySelf,contentGap,globalControlTypeOverlay}=rw.props,{mode}=rw.project,{id}=rw.node,{tags}=rw.collections,dataTags=(tags==null?void 0:tags.map(tag=>tag.title).join(","))||"",link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),bgVideo=globalBgType=="video"&&globalBgVideo?{isYoutube:globalBgVideo.format=="youtube",isVimeo:globalBgVideo.format=="vimeo",isMP4:globalBgVideo.format=="mp4",video:globalBgVideo}:!1,contentWidthProps={props:{...rw.props,globalWidthType:contentWidthType,globalWidth:contentWidthTheme,globalHeightType:contentHeightType,globalHeight:contentHeightTheme,globalSizingMinMaxEnabled:!1,globalMinWidth:!1,globalMaxWidth:!1,globalMinHeight:!1,globalMaxHeight:!1},...rw.props},classes={wrapper:classnames([id,`group/container group/${id} grid-cols-1 [&>*]:col-start-1 [&>*]:row-start-1 [&>*]:min-w-0`,globalID&&`group/${globalID}`,globalActAsGridOrFlexItem(rw),globalLayout(rw,{defaultDisplay:"grid"}),globalSizingContainer(rw),globalTransitions(rw),globalEffectsApplyTo==="everything"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="everything"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="everything"&&globalFilters(rw,{isContainer:!0}),spacingEnabled=="true"&&margin,globalControlTypeBorders!="none"&&globalBordersRadius,advancedClasses(rw),globalBgType=="video"&&globalBgVideo&&globalBgVideoAspectRatio&&"aspect-video"]).toString(),background:classnames(["z-0 transform-gpu",globalTransitions(rw),globalBorders(rw,{isContainer:!0}),globalEffectsApplyTo==="background"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="background"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="background"&&globalFilters(rw,{isContainer:!0}),globalBackground(rw,{peer:!0}),globalBackground(rw),"overflow-hidden"]).toString(),content:classnames(["relative z-30 flex flex-col peer",globalTransitions(rw),globalEffectsApplyTo==="content"&&globalEffects(rw,{isContainer:!0}),globalTransformsApplyTo==="content"&&globalTransforms(rw,{isContainer:!0}),globalFiltersApplyTo==="content"&&globalFilters(rw,{isContainer:!0}),globalSizingContainer(contentWidthProps),contentAlignSelf,contentJustifySelf,contentGap,spacingEnabled=="true"&&padding]).toString(),overlay:`relative z-20 ${globalControlTypeBorders!="none"&&globalBordersRadius} ${globalTransitions(rw)} ${globalOverlay(rw,{isContainer:!0})}`};rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classes.wrapper,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":dataTags}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id:rw.node.id,classes,edit:mode==="edit",wantsOverlay:globalControlTypeOverlay!="none",bgVideo,hasBgVideo:!!bgVideo,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.container/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.container/properties.json index 3c05be1..35c126a 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.container/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.container/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.container.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Flexbox and Grid","icon":"square.grid.2x2","properties":[{"title":"Act As","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","information":{},"title":"Component must be inside a Grid for settings to apply."},{"visible":"globalGridOrFlexDisplayAs == 'flex'","information":{},"title":"Component must be inside a Flex for settings to apply."},{"title":"Type","id":"globalGridOrFlexDisplayAs","responsive":false,"segmented":{"default":"default","items":[{"value":"default","title":"Default"},{"value":"grid","title":"Grid Item"},{"value":"flex","title":"Flex Item"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default'","title":"Settings","id":"globalGridOrFlexItemSettings","responsive":false,"segmented":{"default":"basic","items":[{"value":"basic","title":"Standard"},{"value":"advanced","title":"Advanced"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Columns","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","title":"Columns","id":"globalGridItemColSpan","format":"col-span-{{value}}","slider":{"default":{"base":"6"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"id":"globlaGridItemColStart","format":"col-start-{{value}}","title":"Start","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"id":"globalGridItemColEnd","format":"col-end-{{value}}","title":"End","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"},{"value":"13","title":"13"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Rows","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","id":"globalGridItemRowSpan","title":"Rows","format":"row-span-{{value}}","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"id":"globalGridItemRowStart","format":"row-start-{{value}}","title":"Start","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"id":"globalGridItemRowEnd","format":"row-end-{{value}}","title":"End","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"},{"value":"13","title":"13"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Alignment","heading":{}},{"title":"Align","id":"globalGridOrFlexItemAlignSelf","format":"self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"title":"Justify Self","id":"globalGridOrFlexItemJustifySelf","format":"justify-self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"title":"Alignment","heading":{},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"title":"Align","id":"globalGridOrFlexItemAlignSelf","format":"self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"title":"Justify Self","id":"globalGridOrFlexItemJustifySelf","format":"justify-self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced'","title":"Order","id":"globalGridOrFlexItemOrder","format":"order-{{value}}","segmented":{"default":"none","items":[{"value":"none","title":"Auto"},{"value":"first","title":"First"},{"value":"last","title":"Last"},{"value":"custom","title":"Custom"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced' && globalGridOrFlexItemOrder == 'custom'","title":"Custom","id":"globalGridOrFlexItemOrderCustom","format":"order-[{{value}}]","number":{"default":1}},{"title":"Requires other grid items to have an order value set.","information":{},"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced' && globalGridOrFlexItemOrder == 'custom'"},{"title":"Advanced Settings","heading":{},"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Flex","id":"globalFlexItemFlex","format":"flex-{{value}}","segmented":{"default":"none","items":[{"value":"auto","title":"Auto"},{"title":"None","value":"none"},{"title":"1","value":"1"},{"title":"Initial","value":"initial"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Grow","id":"globalFlexItemGrow","segmented":{"default":"","items":[{"value":"","title":"Auto"},{"title":"Grow","value":"grow"},{"title":"No Grow","value":"grow-0"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Shrink","id":"globalFlexItemShrink","segmented":{"default":"","items":[{"value":"","title":"Auto"},{"title":"Shrink","value":"shrink"},{"title":"No Shrink","value":"shrink-0"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Basis","id":"globalFlexItemBasis","format":"basis-{{value}}","themeSpacing":{"mode":"single","default":"auto"}}]},{"title":"Content Layout","icon":"square.topthird.inset.filled","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"contentWidthType","responsive":false,"select":{"default":"container","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"visible":"contentWidthType == 'theme'","title":"","id":"contentWidthTheme","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"36"}}}},{"title":"Height","id":"contentHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"visible":"contentHeightType == 'theme'","title":"","id":"contentHeightTheme","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"36"}}}},{"divider":{}},{"title":"Content Alignment","heading":{}},{"title":"Align","id":"contentAlignSelf","format":"self-{{value}}","select":{"default":"center","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"title":"Justify","id":"contentJustifySelf","format":"justify-self-{{value}}","select":{"default":"center","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"title":"Gap","id":"contentGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"left":"0","right":"0","top":"0","bottom":"0"}}}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalEffectsApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalFiltersApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalTransformsApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"},{"icon":"video","value":"video"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}},{"visible":"globalBgType == 'video'","title":"Video","id":"globalBgVideo","resource":{}},{"visible":"globalBgType == 'video'","title":"Aspect Ratio","heading":{}},{"visible":"globalBgType == 'video'","title":"Enable","responsive":false,"id":"globalBgVideoAspectRatio","switch":{"default":true}},{"visible":"globalBgType == 'video'","title":"This will force an aspect ratio of 16:9 on the Container.","information":{}}]},{"title":"Background Overlay","icon":"square.inset.filled","properties":[{"title":"Type","id":"globalControlTypeOverlay","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeOverlay != 'none'","title":"Style","id":"globalOverlayType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeOverlay != 'none' && globalControlTypeOverlay != 'static'","title":"State","id":"globalOverlayState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeOverlay != 'none'","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'color' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'color')","title":"Color","id":"globalOverlayColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'color' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'color')","title":"Opacity","id":"globalOverlayColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'color')","title":"Color","id":"globalOverlayColorEnd","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'color')","title":"Opacity","id":"globalOverlayColorOpacityEnd","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Direction","id":"globalOverlayGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientFromColor","format":"from-{{value}}","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientFromOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Add Via","id":"globalOverlayGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Color","id":"globalOverlayGradientViaColor","format":"via-{{value}}","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Opacity","id":"globalOverlayGradientViaOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Position","id":"globalOverlayGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientToColor","format":"to-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientToOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Direction","id":"globalOverlayGradientDirectionEnd","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientFromColorEnd","format":"from-{{value}}","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientFromOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientFromPositionEnd","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","divider":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Add Via","id":"globalOverlayGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Color","id":"globalOverlayGradientViaColorEnd","format":"via-{{value}}","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Opacity","id":"globalOverlayGradientViaOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Position","id":"globalOverlayGradientViaPositionEnd","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","divider":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientToColorEnd","format":"to-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientToOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientToPositionEnd","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Image","id":"globalOverlayImageResource","resource":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Position","heading":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Horizontal","id":"globalOverlayImagePositionX","segmented":{"default":"center","items":[{"value":"left","title":"Left"},{"value":"center","title":"Center"},{"value":"right","title":"Right"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Vertical","id":"globalOverlayImagePositionY","segmented":{"default":"center","items":[{"value":"top","title":"Top"},{"value":"center","title":"Middle","default":true},{"value":"bottom","title":"Bottom"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Size","id":"globalOverlayImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Repeat","id":"globalOverlayImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Image","id":"globalOverlayImageResourceEnd","resource":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Horizontal","id":"globalOverlayImagePositionXEnd","segmented":{"default":"center","items":[{"value":"left","title":"Left"},{"value":"center","title":"Center"},{"value":"right","title":"Right"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Vertical","id":"globalOverlayImagePositionYEnd","segmented":{"default":"center","items":[{"value":"top","title":"Top"},{"value":"center","title":"Middle","default":true},{"value":"bottom","title":"Bottom"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Size","id":"globalOverlayImageSizeEnd","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Repeat","id":"globalOverlayImageRepeatEnd","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')","title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","title":"Radius","id":"globalBordersRadiusEnd","format":"peer-hover:{{value}} hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file +{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.container.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Flexbox and Grid","icon":"square.grid.2x2","properties":[{"title":"Act As","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","information":{},"title":"Component must be inside a Grid for settings to apply."},{"visible":"globalGridOrFlexDisplayAs == 'flex'","information":{},"title":"Component must be inside a Flex for settings to apply."},{"title":"Type","id":"globalGridOrFlexDisplayAs","responsive":false,"segmented":{"default":"default","items":[{"value":"default","title":"Default"},{"value":"grid","title":"Grid Item"},{"value":"flex","title":"Flex Item"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default'","title":"Settings","id":"globalGridOrFlexItemSettings","responsive":false,"segmented":{"default":"basic","items":[{"value":"basic","title":"Standard"},{"value":"advanced","title":"Advanced"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Columns","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","title":"Columns","id":"globalGridItemColSpan","format":"col-span-{{value}}","slider":{"default":{"base":"6"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"id":"globlaGridItemColStart","format":"col-start-{{value}}","title":"Start","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"id":"globalGridItemColEnd","format":"col-end-{{value}}","title":"End","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"},{"value":"13","title":"13"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Rows","heading":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid'","id":"globalGridItemRowSpan","title":"Rows","format":"row-span-{{value}}","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"id":"globalGridItemRowStart","format":"row-start-{{value}}","title":"Start","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"id":"globalGridItemRowEnd","format":"row-end-{{value}}","title":"End","slider":{"default":{"base":"auto"},"items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"},{"value":"13","title":"13"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","divider":{}},{"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'","title":"Alignment","heading":{}},{"title":"Align","id":"globalGridOrFlexItemAlignSelf","format":"self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"title":"Justify Self","id":"globalGridOrFlexItemJustifySelf","format":"justify-self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'grid' && globalGridOrFlexItemSettings == 'advanced'"},{"title":"Alignment","heading":{},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"title":"Align","id":"globalGridOrFlexItemAlignSelf","format":"self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"title":"Justify Self","id":"globalGridOrFlexItemJustifySelf","format":"justify-self-{{value}}","select":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]},"visible":"globalGridOrFlexDisplayAs == 'flex'"},{"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced'","title":"Order","id":"globalGridOrFlexItemOrder","format":"order-{{value}}","segmented":{"default":"none","items":[{"value":"none","title":"Auto"},{"value":"first","title":"First"},{"value":"last","title":"Last"},{"value":"custom","title":"Custom"}]}},{"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced' && globalGridOrFlexItemOrder == 'custom'","title":"Custom","id":"globalGridOrFlexItemOrderCustom","format":"order-[{{value}}]","number":{"default":1}},{"title":"Requires other grid items to have an order value set.","information":{},"visible":"globalGridOrFlexDisplayAs != 'default' && globalGridOrFlexItemSettings == 'advanced' && globalGridOrFlexItemOrder == 'custom'"},{"title":"Advanced Settings","heading":{},"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'"},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Flex","id":"globalFlexItemFlex","format":"flex-{{value}}","segmented":{"default":"none","items":[{"value":"auto","title":"Auto"},{"title":"None","value":"none"},{"title":"1","value":"1"},{"title":"Initial","value":"initial"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Grow","id":"globalFlexItemGrow","segmented":{"default":"","items":[{"value":"","title":"Auto"},{"title":"Grow","value":"grow"},{"title":"No Grow","value":"grow-0"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Shrink","id":"globalFlexItemShrink","segmented":{"default":"","items":[{"value":"","title":"Auto"},{"title":"Shrink","value":"shrink"},{"title":"No Shrink","value":"shrink-0"}]}},{"visible":"globalGridOrFlexDisplayAs == 'flex' && globalGridOrFlexItemSettings == 'advanced'","title":"Basis","id":"globalFlexItemBasis","format":"basis-{{value}}","themeSpacing":{"mode":"single","default":"auto"}}]},{"title":"Content Layout","icon":"square.topthird.inset.filled","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"contentWidthType","responsive":false,"select":{"default":"container","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"visible":"contentWidthType == 'theme'","title":"","id":"contentWidthTheme","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"36"}}}},{"title":"Height","id":"contentHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"visible":"contentHeightType == 'theme'","title":"","id":"contentHeightTheme","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"36"}}}},{"divider":{}},{"title":"Content Alignment","heading":{}},{"title":"Align","id":"contentAlignSelf","format":"self-{{value}}","select":{"default":"center","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"title":"Justify","id":"contentJustifySelf","format":"justify-self-{{value}}","select":{"default":"center","items":[{"value":"auto","title":"Auto"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"title":"Gap","id":"contentGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"left":"0","right":"0","top":"0","bottom":"0"}}}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"circle.dotted.and.circle","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"dial.medium","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalEffectsApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalFiltersApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Apply Effects","heading":{}},{"title":"To","id":"globalTransformsApplyTo","select":{"default":"everything","items":[{"title":"Everything","value":"everything"},{"title":"Background","value":"background"},{"title":"Content","value":"content"}]}},{"divider":{}},{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"},{"icon":"video","value":"video"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}},{"visible":"globalBgType == 'video'","title":"Video","id":"globalBgVideo","resource":{}},{"visible":"globalBgType == 'video'","title":"Aspect Ratio","heading":{}},{"visible":"globalBgType == 'video'","title":"Enable","responsive":false,"id":"globalBgVideoAspectRatio","switch":{"default":true}},{"visible":"globalBgType == 'video'","title":"This will force an aspect ratio of 16:9 on the Container.","information":{}}]},{"title":"Background Overlay","icon":"square.inset.filled","properties":[{"title":"Type","id":"globalControlTypeOverlay","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeOverlay != 'none'","title":"Style","id":"globalOverlayType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeOverlay != 'none' && globalControlTypeOverlay != 'static'","title":"State","id":"globalOverlayState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeOverlay != 'none'","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'color' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'color')","title":"Color","id":"globalOverlayColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'color' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'color')","title":"Opacity","id":"globalOverlayColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'color')","title":"Color","id":"globalOverlayColorEnd","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'color')","title":"Opacity","id":"globalOverlayColorOpacityEnd","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Direction","id":"globalOverlayGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientFromColor","format":"from-{{value}}","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientFromOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Add Via","id":"globalOverlayGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Color","id":"globalOverlayGradientViaColor","format":"via-{{value}}","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Opacity","id":"globalOverlayGradientViaOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabled == true","title":"Position","id":"globalOverlayGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","divider":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientToColor","format":"to-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientToOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'gradient' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Direction","id":"globalOverlayGradientDirectionEnd","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientFromColorEnd","format":"from-{{value}}","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientFromOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientFromPositionEnd","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","divider":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Add Via","id":"globalOverlayGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Color","id":"globalOverlayGradientViaColorEnd","format":"via-{{value}}","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Opacity","id":"globalOverlayGradientViaOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient') && globalOverlayGradientViaEnabledEnd == true","title":"Position","id":"globalOverlayGradientViaPositionEnd","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","divider":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Color","id":"globalOverlayGradientToColorEnd","format":"to-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Opacity","id":"globalOverlayGradientToOpacityEnd","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'gradient')","title":"Position","id":"globalOverlayGradientToPositionEnd","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Image","id":"globalOverlayImageResource","resource":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Position","heading":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Horizontal","id":"globalOverlayImagePositionX","segmented":{"default":"center","items":[{"value":"left","title":"Left"},{"value":"center","title":"Center"},{"value":"right","title":"Right"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Vertical","id":"globalOverlayImagePositionY","segmented":{"default":"center","items":[{"value":"top","title":"Top"},{"value":"center","title":"Middle","default":true},{"value":"bottom","title":"Bottom"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Size","id":"globalOverlayImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeOverlay == 'static' && globalOverlayType == 'image' || (globalControlTypeOverlay == 'hover' && globalOverlayState == 'start' && globalOverlayType == 'image')","title":"Repeat","id":"globalOverlayImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Image","id":"globalOverlayImageResourceEnd","resource":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Horizontal","id":"globalOverlayImagePositionXEnd","segmented":{"default":"center","items":[{"value":"left","title":"Left"},{"value":"center","title":"Center"},{"value":"right","title":"Right"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Vertical","id":"globalOverlayImagePositionYEnd","segmented":{"default":"center","items":[{"value":"top","title":"Top"},{"value":"center","title":"Middle","default":true},{"value":"bottom","title":"Bottom"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Size","id":"globalOverlayImageSizeEnd","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeOverlay == 'hover' && globalOverlayState == 'end' && globalOverlayType == 'image')","title":"Repeat","id":"globalOverlayImageRepeatEnd","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')","title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","title":"Radius","id":"globalBordersRadiusEnd","format":"peer-hover:{{value}} hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.contentSlider/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.contentSlider/hooks.js index 9c9e409..7a9a13a 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.contentSlider/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.contentSlider/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,transitionEffect,autoPlay,autoPlayInterval,editorActiveSlide,showArrows,showDots,arrowSize,arrowBorderRadius,arrowBgColor,arrowColor,arrowBgColorHover,arrowColorHover,dotSize,dotGap,dotColor,dotColorActive}=rw.props,{mode}=rw.project,{id}=rw.node,edit=mode==="edit",collectionSlides=rw.collections.slides||[],count=Math.max(1,collectionSlides.length),isAutoPlay=autoPlay===!0||autoPlay==="true",interval=parseInt(autoPlayInterval)||3e3,isLoop=!0,activeSlideIndex=edit?Math.max(0,Math.min((parseInt(editorActiveSlide)||1)-1,count-1)):0,slides=collectionSlides.map((slide,index)=>({...slide,index,number:index+1,isActive:index===activeSlideIndex,hideInEditor:edit&&index!==activeSlideIndex})),classes={wrapper:classnames([`group/${id}`,"relative",globalSizing(rw),globalSpacing(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),swiper:"swiper",swiperWrapper:"swiper-wrapper",slide:classnames(["swiper-slide","min-h-[100px]"]).toString(),arrows:classnames(["absolute inset-0 flex items-center justify-between pointer-events-none px-2 z-10"]).toString(),arrowButton:classnames(["pointer-events-auto flex items-center justify-center cursor-pointer transition-all",arrowSize,arrowBorderRadius,arrowBgColor,arrowColor,arrowBgColorHover,arrowColorHover]).toString(),pagination:classnames(["swiper-pagination","!relative flex items-center justify-center mt-4",dotGap]).toString(),paginationBullet:classnames(["rounded-full cursor-pointer transition-all",dotSize]).toString(),paginationBulletNormal:dotColor,paginationBulletActive:dotColorActive},effect=transitionEffect||"slide",swiperOptions={loop:isLoop,rewind:!isLoop,slidesPerView:1,spaceBetween:0,speed:400,effect,autoplay:isAutoPlay?{delay:interval,disableOnInteraction:!1}:!1};effect==="fade"&&(swiperOptions.fadeEffect={crossFade:!0}),rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID||id}}),globalID&&globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id,classes,slides,edit,showArrows:showArrows===!0||showArrows==="true",showDots:showDots===!0||showDots==="true",swiperOptions:JSON.stringify(swiperOptions).replace(/"/g,"'"),activeSlideIndex,isAutoPlay,isLoop,componentAssetPath:rw.component.assetPath})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,transitionEffect,autoPlay,autoPlayInterval,editorActiveSlide,showArrows,showDots,arrowSize,arrowBorderRadius,arrowBgColor,arrowColor,arrowBgColorHover,arrowColorHover,dotSize,dotGap,dotColor,dotColorActive}=rw.props,{mode}=rw.project,{id}=rw.node,edit=mode==="edit",collectionSlides=rw.collections.slides||[],count=Math.max(1,collectionSlides.length),isAutoPlay=autoPlay===!0||autoPlay==="true",interval=parseInt(autoPlayInterval)||3e3,isLoop=!0,activeSlideIndex=edit?Math.max(0,Math.min((parseInt(editorActiveSlide)||1)-1,count-1)):0,slides=collectionSlides.map((slide,index)=>({...slide,index,number:index+1,isActive:index===activeSlideIndex,hideInEditor:edit&&index!==activeSlideIndex})),classes={wrapper:classnames([`group/${id}`,"relative",globalSizing(rw),globalSpacing(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),swiper:"swiper",swiperWrapper:"swiper-wrapper",slide:classnames(["swiper-slide","min-h-[100px]"]).toString(),arrows:classnames(["absolute inset-0 flex items-center justify-between pointer-events-none px-2 z-10"]).toString(),arrowButton:classnames(["pointer-events-auto flex items-center justify-center cursor-pointer transition-all",arrowSize,arrowBorderRadius,arrowBgColor,arrowColor,arrowBgColorHover,arrowColorHover]).toString(),pagination:classnames(["swiper-pagination","!relative flex items-center justify-center mt-4",dotGap]).toString(),paginationBullet:classnames(["rounded-full cursor-pointer transition-all",dotSize]).toString(),paginationBulletNormal:dotColor,paginationBulletActive:dotColorActive},effect=transitionEffect||"slide",swiperOptions={loop:isLoop,rewind:!isLoop,slidesPerView:1,spaceBetween:0,speed:400,effect,autoplay:isAutoPlay?{delay:interval,disableOnInteraction:!1}:!1};effect==="fade"&&(swiperOptions.fadeEffect={crossFade:!0}),rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID||id}}),globalID&&globalID.length>0&&rw.addAnchor(globalID),rw.setProps({id,classes,slides,edit,showArrows:showArrows===!0||showArrows==="true",showDots:showDots===!0||showDots==="true",swiperOptions:JSON.stringify(swiperOptions).replace(/"/g,"'"),activeSlideIndex,isAutoPlay,isLoop,componentAssetPath:rw.component.assetPath})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.divider/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.divider/hooks.js index a8ac424..0910cfd 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.divider/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.divider/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,width,height}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes=classnames([width,height,globalSpacing(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString();rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes,args:{role:"separator","aria-orientation":"horizontal",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,width,height}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes=classnames([width,height,globalSpacing(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString();rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes,args:{role:"separator","aria-orientation":"horizontal",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.dropdown/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.dropdown/hooks.js index e5c1757..e3f05f3 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.dropdown/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.dropdown/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,panelShowInEdit,panelPositionVertical,panelPositionHorizontal,dropdownTransitionStyle,dropdownTransitionDuration}=rw.props,{mode}=rw.project,{id}=rw.node,transitionAttributes=getAlpineTransitionAttributesMobile(dropdownTransitionStyle),classes={wrapper:classnames(["relative"]).toString(),panel:classnames(["absolute",panelPositionVertical,panelPositionHorizontal]).toString()};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`dropdown('${id}')`,"x-bind":"wrapper",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,id,transitionAttributes,panelShowInEdit,includePanel:mode!=="edit"||panelShowInEdit})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,panelShowInEdit,panelPositionVertical,panelPositionHorizontal,dropdownTransitionStyle,dropdownTransitionDuration}=rw.props,{mode}=rw.project,{id}=rw.node,transitionAttributes=getAlpineTransitionAttributesMobile(dropdownTransitionStyle),classes={wrapper:classnames(["relative"]).toString(),panel:classnames(["absolute",panelPositionVertical,panelPositionHorizontal]).toString()};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`dropdown('${id}')`,"x-bind":"wrapper",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,id,transitionAttributes,panelShowInEdit,includePanel:mode!=="edit"||panelShowInEdit})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.elementsBadge/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.elementsBadge/hooks.js index 2840ed3..12d69f7 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.elementsBadge/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.elementsBadge/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{}=rw.props,{sharedAssetPath}=rw.component,classes=classnames([]).toString();rw.setRootElement({as:"div",class:classes,args:{}}),rw.setProps({classes,sharedAssetPath})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{}=rw.props,{sharedAssetPath}=rw.component,classes=classnames([]).toString();rw.setRootElement({as:"div",class:classes,args:{}}),rw.setProps({classes,sharedAssetPath})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/hooks.js index 08e54d5..68bd919 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{inputColor,placeholder,placeholderColor,globalSpacingEnabled,globalMargin,globalPadding}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes={wrapper:classnames([globalSpacingEnabled=="true"&&globalMargin,globalLayout(rw),globalSizing(rw),advancedClasses(rw)]).toString(),input:classnames(["appearance-none w-full ring-0 focus:ring-0",inputColor,globalSpacingEnabled=="true"&&globalPadding,globalTransitions(rw),globalEffects(rw,{focus:!0}),globalFilters(rw,{focus:!0}),globalTransforms(rw,{focus:!0}),globalBackground(rw,{focus:!0}),globalBorders(rw,{focus:!0}),globalInputFontAndTextStyles(rw),globalOutline(rw),placeholderColor]).toString()},filter=globalFilter(rw);rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`filter('${filter.filterGroupId}')`,...filter.args}}),rw.setProps({classes,placeholder,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{inputColor,placeholder,placeholderColor,globalSpacingEnabled,globalMargin,globalPadding}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes={wrapper:classnames([globalSpacingEnabled=="true"&&globalMargin,globalLayout(rw),globalSizing(rw),advancedClasses(rw)]).toString(),input:classnames(["appearance-none w-full ring-0 focus:ring-0",inputColor,globalSpacingEnabled=="true"&&globalPadding,globalTransitions(rw),globalEffects(rw,{focus:!0}),globalFilters(rw,{focus:!0}),globalTransforms(rw,{focus:!0}),globalBackground(rw,{focus:!0}),globalBorders(rw,{focus:!0}),globalInputFontAndTextStyles(rw),globalOutline(rw),placeholderColor]).toString()},filter=globalFilter(rw);rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`filter('${filter.filterGroupId}')`,...filter.args}}),rw.setProps({classes,placeholder,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/properties.json index 4471cba..57695e7 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.filter/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Filter","heading":{}},{"title":"Group","id":"globalFilterGroup","segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","text":{"default":"unique-group-id"}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"Color","id":"globalInputFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"title":"Opacity","id":"globalInputFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Text Shadow","id":"globalInputFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"base":{"name":"none"}}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalInputFontAndTextStylesTextAlign","format":"text-{{value}}","segmented":{"default":"start","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalInputFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalInputFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalInputFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Line Height","id":"globalInputFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Letter Spacing","id":"globalInputFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Case","id":"globalInputFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalInputFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalInputFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Placeholder","icon":"rectangle.and.pencil.and.ellipsis","properties":[{"title":"Text","id":"placeholder","text":{"default":"Filter..."}},{"title":"Color","id":"placeholderColor","format":"placeholder-{{value}}","themeColor":{"default":{"name":"text","brightness":400}}}]},{"title":"Outline","icon":"inset.filled.rectangle","properties":[{"title":"Type","id":"globalControlTypeOutline","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Focus","value":"focus"}]}},{"title":"Style","id":"globalOutlineStyle","segmented":{"default":"outline","items":[{"icon":"square","value":"outline"},{"icon":"square.dashed","value":"outline-dashed"},{"icon":"square.dotted","value":"outline-dotted"}]},"visible":"globalControlTypeOutline != 'none'"},{"visible":"globalControlTypeOutline == 'focus'","title":"State","id":"globalOutlineState","responsive":false,"segmented":{"default":"unfocused","items":[{"title":"Unfocused","value":"unfocused"},{"title":"Focused","value":"focused"}]}},{"divider":{},"visible":"globalControlTypeOutline != 'none'"},{"title":"Color","id":"globalOutlineColor","format":"outline-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Opacity","id":"globalOutlineColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Width","id":"globalOutlineWidth","format":"outline-[{{value}}px]","number":{"default":1,"subtitle":"in pixels"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Offset","id":"globalOutlineOffset","format":"outline-offset-[{{value}}px]","number":{"default":0,"subtitle":"in pixels"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')","title":"Color","id":"globalOutlineColorFocus","format":"focus:outline-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')","title":"Opacity","id":"globalOutlineColorOpacityFocus","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Width","id":"globalOutlineWidthFocus","format":"focus:outline-[{{value}}px]","number":{"default":1,"subtitle":"in pixels"},"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')"},{"title":"Offset","id":"globalOutlineOffsetFocus","format":"focus:outline-offset-[{{value}}px]","number":{"default":0,"subtitle":"in pixels"},"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"static","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":900}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"Default","right":"Default","bottom":"Default","left":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')","title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}},{"title":"Style","id":"globalBordersStyleEnd","format":"hover:{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Filter","heading":{}},{"title":"Group","id":"globalFilterGroup","segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","text":{"default":"unique-group-id"}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"Color","id":"globalInputFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"title":"Opacity","id":"globalInputFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Text Shadow","id":"globalInputFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"base":{"name":"none"}}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalInputFontAndTextStylesTextAlign","format":"text-{{value}}","segmented":{"default":"start","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalInputFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalInputFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalInputFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Line Height","id":"globalInputFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Letter Spacing","id":"globalInputFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Case","id":"globalInputFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalInputFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalInputFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Placeholder","icon":"rectangle.and.pencil.and.ellipsis","properties":[{"title":"Text","id":"placeholder","text":{"default":"Filter..."}},{"title":"Color","id":"placeholderColor","format":"placeholder-{{value}}","themeColor":{"default":{"name":"text","brightness":400}}}]},{"title":"Outline","icon":"inset.filled.rectangle","properties":[{"title":"Type","id":"globalControlTypeOutline","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Focus","value":"focus"}]}},{"title":"Style","id":"globalOutlineStyle","segmented":{"default":"outline","items":[{"icon":"square","value":"outline"},{"icon":"square.dashed","value":"outline-dashed"},{"icon":"square.dotted","value":"outline-dotted"}]},"visible":"globalControlTypeOutline != 'none'"},{"visible":"globalControlTypeOutline == 'focus'","title":"State","id":"globalOutlineState","responsive":false,"segmented":{"default":"unfocused","items":[{"title":"Unfocused","value":"unfocused"},{"title":"Focused","value":"focused"}]}},{"divider":{},"visible":"globalControlTypeOutline != 'none'"},{"title":"Color","id":"globalOutlineColor","format":"outline-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Opacity","id":"globalOutlineColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Width","id":"globalOutlineWidth","format":"outline-[{{value}}px]","number":{"default":1,"subtitle":"in pixels"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"title":"Offset","id":"globalOutlineOffset","format":"outline-offset-[{{value}}px]","number":{"default":0,"subtitle":"in pixels"},"visible":"globalControlTypeOutline == 'static' || (globalControlTypeOutline == 'focus' && globalOutlineState == 'unfocused')"},{"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')","title":"Color","id":"globalOutlineColorFocus","format":"focus:outline-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}}},{"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')","title":"Opacity","id":"globalOutlineColorOpacityFocus","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Width","id":"globalOutlineWidthFocus","format":"focus:outline-[{{value}}px]","number":{"default":1,"subtitle":"in pixels"},"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')"},{"title":"Offset","id":"globalOutlineOffsetFocus","format":"focus:outline-offset-[{{value}}px]","number":{"default":0,"subtitle":"in pixels"},"visible":"(globalControlTypeOutline == 'focus' && globalOutlineState == 'focused')"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"static","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":900}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"Default","right":"Default","bottom":"Default","left":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')","title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}},{"title":"Style","id":"globalBordersStyleEnd","format":"hover:{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"none","topRight":"none","bottomLeft":"none","bottomRight":"none"}}}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/hooks.js index de2cfd4..5b82904 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalFilterTagsMode,globalFilterQueryMatch,tagsAlignment,tagsGap,placeholder,placeholderColor}=rw.props,filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes={wrapper:classnames(["flex-wrap",tagsAlignment,tagsGap,globalLayout(rw,{defaultDisplay:"flex"}),advancedClasses(rw)]).toString(),tag:classnames(["appearance-none focus:outline-none",globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw,{active:!0}),globalFilters(rw,{active:!0}),globalTransforms(rw,{active:!0}),globalBackground(rw,{active:!0}),globalBorders(rw,{active:!0}),globalButtonFontAndTextStyles(rw,{active:!0}),placeholderColor]).toString()},tagOptions={mode:globalFilterTagsMode,...globalFilterTagsMode=="multiple"?{match:globalFilterQueryMatch}:{}};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`filterTags('${filter.filterGroupId}', ${JSON.stringify(tagOptions).replace(/"/g,"'")})`,...filter.args}}),rw.setProps({classes,placeholder,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalFilterTagsMode,globalFilterQueryMatch,tagsAlignment,tagsGap,placeholder,placeholderColor}=rw.props,filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes={wrapper:classnames(["flex-wrap",tagsAlignment,tagsGap,globalLayout(rw,{defaultDisplay:"flex"}),advancedClasses(rw)]).toString(),tag:classnames(["appearance-none focus:outline-none",globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw,{active:!0}),globalFilters(rw,{active:!0}),globalTransforms(rw,{active:!0}),globalBackground(rw,{active:!0}),globalBorders(rw,{active:!0}),globalButtonFontAndTextStyles(rw,{active:!0}),placeholderColor]).toString()},tagOptions={mode:globalFilterTagsMode,...globalFilterTagsMode=="multiple"?{match:globalFilterQueryMatch}:{}};rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":`filterTags('${filter.filterGroupId}', ${JSON.stringify(tagOptions).replace(/"/g,"'")})`,...filter.args}}),rw.setProps({classes,placeholder,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/properties.json index 54f6457..ba66715 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.filterTags/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Filter","heading":{}},{"title":"Group","id":"globalFilterGroup","segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","text":{"default":"unique-group-id"}},{"divider":{}},{"title":"Query","heading":{}},{"title":"Mode","id":"globalFilterTagsMode","select":{"default":"multiple","items":[{"title":"Multiple","value":"multiple"},{"title":"Single","value":"single"}]}},{"visible":"globalFilterTagsMode == 'multiple'","title":"Match","id":"globalFilterQueryMatch","select":{"default":"any","items":[{"title":"Any","value":"any"},{"title":"All","value":"all"}]}}]},{"title":"Tags Layout","icon":"tag","properties":[{"title":"Alignment","id":"tagsAlignment","format":"justify-{{value}}","segmented":{"default":"start","items":[{"icon":"arrow.left.to.line.compact","value":"start"},{"icon":"arrow.right.and.line.vertical.and.arrow.left","value":"center"},{"icon":"arrow.right.to.line.compact","value":"end"}]}},{"title":"Gap","id":"tagsGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"4"}}}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"State","id":"globalButtonFontAndTextStylesState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Color","id":"globalButtonFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Color","id":"globalButtonFontAndTextStylesColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacityHover","format":"hover:text-opacity-[{{value}}%] dark:hover:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"name":"none"}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadowHover","format":"hover:{{value}}","themeShadow":{"mode":"text","default":{"name":"none"}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalButtonFontAndTextStylesTextAlign","format":"justify-{{value}}","segmented":{"default":"center","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalButtonFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalButtonFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalButtonFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalButtonFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalButtonFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Case","id":"globalButtonFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalButtonFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalButtonFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"hover","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Filter","heading":{}},{"title":"Group","id":"globalFilterGroup","segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","text":{"default":"unique-group-id"}},{"divider":{}},{"title":"Query","heading":{}},{"title":"Mode","id":"globalFilterTagsMode","select":{"default":"multiple","items":[{"title":"Multiple","value":"multiple"},{"title":"Single","value":"single"}]}},{"visible":"globalFilterTagsMode == 'multiple'","title":"Match","id":"globalFilterQueryMatch","select":{"default":"any","items":[{"title":"Any","value":"any"},{"title":"All","value":"all"}]}}]},{"title":"Tags Layout","icon":"tag","properties":[{"title":"Alignment","id":"tagsAlignment","format":"justify-{{value}}","segmented":{"default":"start","items":[{"icon":"arrow.left.to.line.compact","value":"start"},{"icon":"arrow.right.and.line.vertical.and.arrow.left","value":"center"},{"icon":"arrow.right.to.line.compact","value":"end"}]}},{"title":"Gap","id":"tagsGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"4"}}}}]},{"title":"Font and Text Styles","icon":"textformat.size","properties":[{"title":"State","id":"globalButtonFontAndTextStylesState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Color","id":"globalButtonFontAndTextStylesColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacity","format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Color","id":"globalButtonFontAndTextStylesColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Opacity","id":"globalButtonFontAndTextStylesColorOpacityHover","format":"hover:text-opacity-[{{value}}%] dark:hover:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalButtonFontAndTextStylesState == 'normal'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadow","themeShadow":{"mode":"text","default":{"name":"none"}}},{"visible":"globalButtonFontAndTextStylesState == 'hover'","title":"Text Shadow","id":"globalButtonFontAndTextStylesTextShadowHover","format":"hover:{{value}}","themeShadow":{"mode":"text","default":{"name":"none"}}},{"divider":{}},{"title":"General","heading":{}},{"title":"Align","id":"globalButtonFontAndTextStylesTextAlign","format":"justify-{{value}}","segmented":{"default":"center","items":[{"value":"start","icon":"text.alignleft"},{"value":"center","icon":"text.aligncenter"},{"value":"end","icon":"text.alignright"}]}},{"title":"Family","id":"globalButtonFontAndTextStylesFont","themeFont":{"default":{"base":"body"}}},{"title":"Size","id":"globalButtonFontAndTextStylesFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Font Settings","heading":{}},{"title":"Weight","id":"globalButtonFontAndTextStylesFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalButtonFontAndTextStylesLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalButtonFontAndTextStylesLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"title":"Case","id":"globalButtonFontAndTextStylesTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"}]}},{"title":"Italic","id":"globalButtonFontAndTextStylesItalic","switch":{"default":false,"trueValue":"italic","falseValue":""}},{"title":"Underline","id":"globalButtonFontAndTextStylesUnderline","switch":{"default":false,"trueValue":"underline","falseValue":""}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"3.5","bottom":"2","left":"3.5","linkHorizontal":true,"linkVertical":true}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"hover","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/hooks.js index 7a7cb54..8b1b2e1 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a;const{globalID,gapX,gapY,flexDirection,wrap,alignItems,justifyItems,alignContent,justifyContent}=rw.props,{id}=rw.node,wantsHorizontalDropzone=flexDirection.includes("row"),link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classNames=classnames([`group/${id} group/flex transform`,globalID&&`group/${globalID}`,advancedClasses(rw),globalLayout(rw,{defaultDisplay:"flex"}),globalSizingContainer(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw),gapX,gapY,flexDirection,wrap,alignItems,justifyItems,alignContent,justifyContent]).toString();rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classNames,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":((_a=rw.collections.tags)==null?void 0:_a.map(tag=>tag.title).join(","))||""}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({wantsHorizontalDropzone,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a;const{globalID,gapX,gapY,flexDirection,wrap,alignItems,justifyItems,alignContent,justifyContent}=rw.props,{id}=rw.node,wantsHorizontalDropzone=flexDirection.includes("row"),link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classNames=classnames([`group/${id} group/flex transform`,globalID&&`group/${globalID}`,advancedClasses(rw),globalLayout(rw,{defaultDisplay:"flex"}),globalSizingContainer(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw),gapX,gapY,flexDirection,wrap,alignItems,justifyItems,alignContent,justifyContent]).toString();rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classNames,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":((_a=rw.collections.tags)==null?void 0:_a.map(tag=>tag.title).join(","))||""}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({wantsHorizontalDropzone,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/properties.json index ea734b5..fbd90cf 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.flex/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.flex.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Flexbox Settings","icon":"rectangle.split.1x2","properties":[{"title":"Layout","heading":{}},{"title":"Direction","id":"flexDirection","select":{"default":"flex-col","items":[{"value":"flex-col","title":"Column"},{"value":"flex-col-reverse","title":"Column Reverse"},{"value":"flex-row","title":"Row"},{"value":"flex-row-reverse","title":"Row Reverse"}]}},{"title":"Wrap Items","id":"wrap","format":"flex-{{value}}","select":{"default":"nowrap","items":[{"value":"nowrap","title":"No Wrap"},{"value":"wrap","title":"Wrap"},{"value":"wrap-reverse","title":"Wrap Reverse"}]}},{"divider":{}},{"title":"Gap","heading":{}},{"title":"Horizontal","id":"gapX","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Vertical","id":"gapY","format":"gap-y-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"divider":{}},{"title":"Align","heading":{}},{"title":"Content","format":"content-{{value}}","id":"alignContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"},{"value":"baseline","title":"Baseline"}]}},{"id":"alignItems","format":"items-{{value}}","title":"Items","select":{"default":"[normal]","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"baseline","title":"Baseline"},{"value":"stretch","title":"Stretch"}]}},{"divider":{}},{"title":"Justify","heading":{}},{"title":"Content","format":"justify-{{value}}","id":"justifyContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"}]}},{"title":"Items","format":"justify-items-{{value}}","id":"justifyItems","select":{"default":"normal","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file +{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.flex.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Flexbox Settings","icon":"rectangle.split.1x2","properties":[{"title":"Layout","heading":{}},{"title":"Direction","id":"flexDirection","select":{"default":"flex-col","items":[{"value":"flex-col","title":"Column"},{"value":"flex-col-reverse","title":"Column Reverse"},{"value":"flex-row","title":"Row"},{"value":"flex-row-reverse","title":"Row Reverse"}]}},{"title":"Wrap Items","id":"wrap","format":"flex-{{value}}","select":{"default":"nowrap","items":[{"value":"nowrap","title":"No Wrap"},{"value":"wrap","title":"Wrap"},{"value":"wrap-reverse","title":"Wrap Reverse"}]}},{"divider":{}},{"title":"Gap","heading":{}},{"title":"Horizontal","id":"gapX","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Vertical","id":"gapY","format":"gap-y-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"divider":{}},{"title":"Align","heading":{}},{"title":"Content","format":"content-{{value}}","id":"alignContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"},{"value":"baseline","title":"Baseline"}]}},{"id":"alignItems","format":"items-{{value}}","title":"Items","select":{"default":"[normal]","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"baseline","title":"Baseline"},{"value":"stretch","title":"Stretch"}]}},{"divider":{}},{"title":"Justify","heading":{}},{"title":"Content","format":"justify-{{value}}","id":"justifyContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"}]}},{"title":"Items","format":"justify-items-{{value}}","id":"justifyItems","select":{"default":"normal","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/hooks.js index dd4d126..9512927 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b;const{globalID,resources,columns,gap,thumbnailAlignment,thumbnailMetaMargin,thumbnailSpacing,thumbnailShowCaption,thumbnailCaptionColor,thumbnailCaptionFont,thumbnailCaptionFontSize,thumbnailShowAuthor,thumbnailAuthorColor,thumbnailAuthorFont,thumbnailAuthorFontSize,thumbnailAspectRatio,thumbnailGlobalBordersRadius:thumbnailBorderRadius,thumbnailGlobalBoxShadow:thumbnailShadow,lightboxPreview,overlayColor,overlayOpacity,overlayBlur,lightboxMediaGlobalBordersRadius:lightboxMediaBorderRadius,lightboxMediaGlobalBoxShadow:lightboxMediaShadow,navigationRadius,navigationPadding,navigationSize,navigationState,navigationCloseButtonBackground,navigationCloseButtonBackgroundHover,navigationCloseButtonIconColor,navigationCloseButtonIconColorHover,navigationCloseButtonOpacity,navigationCloseButtonOpacityHover,navigationNextPreviousButtonBackground,navigationNextPreviousButtonBackgroundHover,navigationNextPreviousButtonIconColor,navigationNextPreviousButtonIconColorHover,navigationNextPreviousButtonOpacity,navigationNextPreviousButtonOpacityHover}=rw.props,{screens}=rw.theme.breakpoints,{id}=rw.node,hasResources=((_a=resources==null?void 0:resources.resources)==null?void 0:_a.length)>0;(_b=resources==null?void 0:resources.resources)==null||_b.forEach(resource=>{resource.srcset="",resource.thumbnail=rw.resizeResource(resource,400),resource.alt=resource.caption||resource.author||"",resource.isVideo=resource.format==="youtube"||resource.format==="vimeo"||resource.format==="mp4",resource.isVideo&&(resource.isYouTube=resource.format==="youtube",resource.isVimeo=resource.format==="vimeo",resource.isMP4=resource.format==="mp4",resource.options={},resource.caption=resource.name,resource.author=resources.name,resource.isYouTube&&(resource.options={autoplay:0,loop:0,muted:0,controls:1}),resource.isVimeo&&(resource.options={autoplay:"false",loop:"false",muted:"false",controls:"true"}))});const classes={wrapper:classnames(["grid place-items-start",columns,gap,advancedClasses(rw)]).toString(),thumbnail:classnames(["cursor-pointer",thumbnailAspectRatio,thumbnailBorderRadius]).toString(),thumbnailMeta:classnames(["flex flex-col",thumbnailAlignment,thumbnailMetaMargin,thumbnailSpacing]).toString(),thumbnailCaption:classnames([thumbnailAlignment,thumbnailCaptionColor,thumbnailCaptionFont,thumbnailCaptionFontSize]).toString(),thumbnailAuthor:classnames([thumbnailAlignment,thumbnailAuthorColor,thumbnailAuthorFont,thumbnailAuthorFontSize]).toString(),thumbnailImage:classnames(["w-full","h-full","object-cover","object-center",thumbnailBorderRadius,thumbnailShadow]).toString(),overlay:classnames(["absolute inset-0 -z-10","cursor-zoom-out",overlayColor,overlayOpacity,overlayBlur]).toString(),slideImageWrapper:["w-full overflow-hidden flex justify-center items-center"].join(" "),lightboxContent:classnames(["scrollbar-hide relative w-full h-screen flex items-center snap-x snap-mandatory overflow-x-auto"]).toString(),lightboxItem:classnames(["snap-center shrink-0 w-screen h-screen p-3 md:p-20 flex justify-center items-center"]).toString(),lightboxItemMedia:classnames(["max-w-full max-h-full object-contain",lightboxMediaBorderRadius,lightboxMediaShadow]).toString(),lightboxCloseButton:classnames(["cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed","absolute top-3 right-3 cursor-pointer z-10",navigationRadius,navigationPadding,navigationCloseButtonBackground,navigationCloseButtonBackgroundHover,navigationCloseButtonOpacity,navigationCloseButtonOpacityHover]).toString(),lightboxCloseButtonIcon:classnames(["transition-all duration-300",navigationCloseButtonIconColor,navigationCloseButtonIconColorHover,navigationSize]).toString(),lightboxButton:classnames(["self-center absolute z-10 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",navigationRadius,navigationPadding,navigationNextPreviousButtonBackground,navigationNextPreviousButtonBackgroundHover,navigationNextPreviousButtonOpacity,navigationNextPreviousButtonOpacityHover]).toString(),lightboxButtonIcon:classnames(["transition-all duration-300",navigationNextPreviousButtonIconColor,navigationNextPreviousButtonIconColorHover,navigationSize]).toString()};rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes,args:{id:globalID,"x-data":`gallery('${id}')`}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({hasResources,classes,thumbnailShowCaption,thumbnailShowAuthor,thumbnailWantsMeta:thumbnailShowCaption||thumbnailShowAuthor,resources:resources==null?void 0:resources.resources,edit:rw.project.mode==="edit",includeLightbox:lightboxPreview||rw.project.mode!=="edit",id:rw.node.id})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b;const{globalID,resources,columns,gap,thumbnailAlignment,thumbnailMetaMargin,thumbnailSpacing,thumbnailShowCaption,thumbnailCaptionColor,thumbnailCaptionFont,thumbnailCaptionFontSize,thumbnailShowAuthor,thumbnailAuthorColor,thumbnailAuthorFont,thumbnailAuthorFontSize,thumbnailAspectRatio,thumbnailGlobalBordersRadius:thumbnailBorderRadius,thumbnailGlobalBoxShadow:thumbnailShadow,lightboxPreview,overlayColor,overlayOpacity,overlayBlur,lightboxMediaGlobalBordersRadius:lightboxMediaBorderRadius,lightboxMediaGlobalBoxShadow:lightboxMediaShadow,navigationRadius,navigationPadding,navigationSize,navigationState,navigationCloseButtonBackground,navigationCloseButtonBackgroundHover,navigationCloseButtonIconColor,navigationCloseButtonIconColorHover,navigationCloseButtonOpacity,navigationCloseButtonOpacityHover,navigationNextPreviousButtonBackground,navigationNextPreviousButtonBackgroundHover,navigationNextPreviousButtonIconColor,navigationNextPreviousButtonIconColorHover,navigationNextPreviousButtonOpacity,navigationNextPreviousButtonOpacityHover}=rw.props,{screens}=rw.theme.breakpoints,{id}=rw.node,hasResources=((_a=resources==null?void 0:resources.resources)==null?void 0:_a.length)>0;(_b=resources==null?void 0:resources.resources)==null||_b.forEach(resource=>{resource.srcset="",resource.thumbnail=rw.resizeResource(resource,400),resource.alt=resource.caption||resource.author||"",resource.isVideo=resource.format==="youtube"||resource.format==="vimeo"||resource.format==="mp4",resource.isVideo&&(resource.isYouTube=resource.format==="youtube",resource.isVimeo=resource.format==="vimeo",resource.isMP4=resource.format==="mp4",resource.options={},resource.caption=resource.name,resource.author=resources.name,resource.isYouTube&&(resource.options={autoplay:0,loop:0,muted:0,controls:1}),resource.isVimeo&&(resource.options={autoplay:"false",loop:"false",muted:"false",controls:"true"}))});const classes={wrapper:classnames(["grid place-items-start",columns,gap,advancedClasses(rw)]).toString(),thumbnail:classnames(["cursor-pointer",thumbnailAspectRatio,thumbnailBorderRadius]).toString(),thumbnailMeta:classnames(["flex flex-col",thumbnailAlignment,thumbnailMetaMargin,thumbnailSpacing]).toString(),thumbnailCaption:classnames([thumbnailAlignment,thumbnailCaptionColor,thumbnailCaptionFont,thumbnailCaptionFontSize]).toString(),thumbnailAuthor:classnames([thumbnailAlignment,thumbnailAuthorColor,thumbnailAuthorFont,thumbnailAuthorFontSize]).toString(),thumbnailImage:classnames(["w-full","h-full","object-cover","object-center",thumbnailBorderRadius,thumbnailShadow]).toString(),overlay:classnames(["absolute inset-0 -z-10","cursor-zoom-out",overlayColor,overlayOpacity,overlayBlur]).toString(),slideImageWrapper:["w-full overflow-hidden flex justify-center items-center"].join(" "),lightboxContent:classnames(["scrollbar-hide relative w-full h-screen flex items-center snap-x snap-mandatory overflow-x-auto"]).toString(),lightboxItem:classnames(["snap-center shrink-0 w-screen h-screen p-3 md:p-20 flex justify-center items-center"]).toString(),lightboxItemMedia:classnames(["max-w-full max-h-full object-contain",lightboxMediaBorderRadius,lightboxMediaShadow]).toString(),lightboxCloseButton:classnames(["cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed","absolute top-3 right-3 cursor-pointer z-10",navigationRadius,navigationPadding,navigationCloseButtonBackground,navigationCloseButtonBackgroundHover,navigationCloseButtonOpacity,navigationCloseButtonOpacityHover]).toString(),lightboxCloseButtonIcon:classnames(["transition-all duration-300",navigationCloseButtonIconColor,navigationCloseButtonIconColorHover,navigationSize]).toString(),lightboxButton:classnames(["self-center absolute z-10 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",navigationRadius,navigationPadding,navigationNextPreviousButtonBackground,navigationNextPreviousButtonBackgroundHover,navigationNextPreviousButtonOpacity,navigationNextPreviousButtonOpacityHover]).toString(),lightboxButtonIcon:classnames(["transition-all duration-300",navigationNextPreviousButtonIconColor,navigationNextPreviousButtonIconColorHover,navigationSize]).toString()};rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes,args:{id:globalID,"x-data":`gallery('${id}')`}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({hasResources,classes,thumbnailShowCaption,thumbnailShowAuthor,thumbnailWantsMeta:thumbnailShowCaption||thumbnailShowAuthor,resources:resources==null?void 0:resources.resources,edit:rw.project.mode==="edit",includeLightbox:lightboxPreview||rw.project.mode!=="edit",id:rw.node.id})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/properties.json index 860c3f7..ac54f88 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.gallery/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Media","icon":"photo.stack","properties":[{"title":"Resources","id":"resources","resource":{}}]},{"title":"Layout","icon":"rectangle.grid.2x2.fill","properties":[{"title":"Columns","id":"columns","format":"grid-cols-{{value}}","slider":{"default":"3","items":[{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"title":"Gap","id":"gap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"3"}}}}]},{"title":"Thumbnails","icon":"photo","properties":[{"title":"Media","heading":{}},{"title":"Aspect","id":"thumbnailAspectRatio","format":"aspect-[{{value}}]","segmented":{"default":"1/1","items":[{"title":"Square","value":"1/1"},{"title":"Wide","value":"7/5"},{"title":"Tall","value":"4/5"}]}},{"title":"Radius","id":"thumbnailGlobalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Shadow","id":"thumbnailGlobalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}},{"divider":{}},{"title":"Meta Data","heading":{}},{"title":"Alignment","id":"thumbnailAlignment","format":"text-{{value}}","segmented":{"default":"left","items":[{"title":"Left","value":"left"},{"title":"Center","value":"center"},{"title":"Right","value":"right"}]}},{"title":"Margin","id":"thumbnailMetaMargin","format":"mt-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"0"}}}},{"title":"Spacing","id":"thumbnailSpacing","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"0"}}}},{"title":"Caption","heading":{}},{"title":"Show","id":"thumbnailShowCaption","responsive":false,"switch":{"default":false}},{"enable":"thumbnailShowCaption == true","title":"Color","id":"thumbnailCaptionColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"enable":"thumbnailShowCaption == true","title":"Font","id":"thumbnailCaptionFont","themeFont":{"default":{"base":{"name":"heading"}}}},{"enable":"thumbnailShowCaption == true","title":"Size","id":"thumbnailCaptionFontSize","themeTextStyle":{"default":{"base":{"value":"sm"}}}},{"title":"Author","heading":{}},{"title":"Show","id":"thumbnailShowAuthor","responsive":false,"switch":{"default":false}},{"enable":"thumbnailShowAuthor == true","title":"Color","id":"thumbnailAuthorColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"enable":"thumbnailShowAuthor == true","title":"Font","id":"thumbnailAuthorFont","themeFont":{"default":{"base":{"name":"heading"}}}},{"enable":"thumbnailShowAuthor == true","title":"Size","id":"thumbnailAuthorFontSize","themeTextStyle":{"default":{"base":{"value":"sm"}}}}]},{"title":"Lightbox","icon":"photo.fill.on.rectangle.fill","properties":[{"title":"Preview","id":"lightboxPreview","responsive":false,"switch":{"default":false}},{"divider":{}},{"title":"Media","heading":{}},{"title":"Radius","id":"lightboxMediaGlobalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Shadow","id":"lightboxMediaGlobalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}}]},{"title":"Overlay","icon":"plus.rectangle","properties":[{"title":"Color","id":"overlayColor","format":"bg-{{value}}","themeColor":{"mode":"single","default":{"name":"surface","brightness":50}}},{"title":"Opacity","id":"overlayOpacity","format":"bg-opacity-[{{value}}%] dark:bg-opacity-[{{value}}%]","slider":{"default":20,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Blur","id":"overlayBlur","format":"backdrop-blur-[{{value}}px]","slider":{"default":3,"min":0,"max":10,"round":true,"snap":true,"units":"px"}}]},{"title":"Navigation","icon":"arrow.triangle.swap","properties":[{"title":"General","heading":{}},{"title":"Border Radius","id":"navigationRadius","themeBorderRadius":{"default":{"base":{"value":"full"}}}},{"title":"Padding","id":"navigationPadding","format":"p-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Size","id":"navigationSize","format":"size-[{{value}}px]","slider":{"default":24,"min":0,"max":48,"round":true,"snap":true,"units":"px"}},{"divider":{}},{"title":"State","id":"navigationState","segmented":{"default":"default","items":[{"title":"Default","value":"default"},{"title":"Hover","value":"hover"}]}},{"title":"Close Button","heading":{}},{"visible":"navigationState == 'default'","title":"Background","id":"navigationCloseButtonBackground","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Background","id":"navigationCloseButtonBackgroundHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'default'","title":"Icon","id":"navigationCloseButtonIconColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Icon","id":"navigationCloseButtonIconColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'default'","title":"Opacity","id":"navigationCloseButtonOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"navigationState == 'hover'","title":"Opacity","id":"navigationCloseButtonOpacityHover","format":"hover:opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"divider":{}},{"title":"Next & Previous Buttons","heading":{}},{"visible":"navigationState == 'default'","title":"Background","id":"navigationNextPreviousButtonBackground","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Background","id":"navigationNextPreviousButtonBackgroundHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'default'","title":"Icon","id":"navigationNextPreviousButtonIconColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Icon","id":"navigationNextPreviousButtonIconColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'default'","title":"Opacity","id":"navigationNextPreviousButtonOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"navigationState == 'hover'","title":"Opacity","id":"navigationNextPreviousButtonOpacityHover","format":"hover:opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Media","icon":"photo.stack","properties":[{"title":"Resources","id":"resources","resource":{}}]},{"title":"Layout","icon":"rectangle.grid.2x2.fill","properties":[{"title":"Columns","id":"columns","format":"grid-cols-{{value}}","slider":{"default":"3","items":[{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"title":"Gap","id":"gap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"3"}}}}]},{"title":"Thumbnails","icon":"photo","properties":[{"title":"Media","heading":{}},{"title":"Aspect","id":"thumbnailAspectRatio","format":"aspect-[{{value}}]","segmented":{"default":"1/1","items":[{"title":"Square","value":"1/1"},{"title":"Wide","value":"7/5"},{"title":"Tall","value":"4/5"}]}},{"title":"Radius","id":"thumbnailGlobalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Shadow","id":"thumbnailGlobalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}},{"title":"Shadow","id":"thumbnailGlobalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}}},{"title":"Shadow","id":"thumbnailGlobalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"divider":{}},{"title":"Meta Data","heading":{}},{"title":"Alignment","id":"thumbnailAlignment","format":"text-{{value}}","segmented":{"default":"left","items":[{"title":"Left","value":"left"},{"title":"Center","value":"center"},{"title":"Right","value":"right"}]}},{"title":"Margin","id":"thumbnailMetaMargin","format":"mt-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"0"}}}},{"title":"Spacing","id":"thumbnailSpacing","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"0"}}}},{"title":"Caption","heading":{}},{"title":"Show","id":"thumbnailShowCaption","responsive":false,"switch":{"default":false}},{"enable":"thumbnailShowCaption == true","title":"Color","id":"thumbnailCaptionColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"enable":"thumbnailShowCaption == true","title":"Font","id":"thumbnailCaptionFont","themeFont":{"default":{"base":{"name":"heading"}}}},{"enable":"thumbnailShowCaption == true","title":"Size","id":"thumbnailCaptionFontSize","themeTextStyle":{"default":{"base":{"value":"sm"}}}},{"title":"Author","heading":{}},{"title":"Show","id":"thumbnailShowAuthor","responsive":false,"switch":{"default":false}},{"enable":"thumbnailShowAuthor == true","title":"Color","id":"thumbnailAuthorColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"enable":"thumbnailShowAuthor == true","title":"Font","id":"thumbnailAuthorFont","themeFont":{"default":{"base":{"name":"heading"}}}},{"enable":"thumbnailShowAuthor == true","title":"Size","id":"thumbnailAuthorFontSize","themeTextStyle":{"default":{"base":{"value":"sm"}}}}]},{"title":"Lightbox","icon":"photo.fill.on.rectangle.fill","properties":[{"title":"Preview","id":"lightboxPreview","responsive":false,"switch":{"default":false}},{"divider":{}},{"title":"Media","heading":{}},{"title":"Radius","id":"lightboxMediaGlobalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Shadow","id":"lightboxMediaGlobalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}},{"title":"Shadow","id":"lightboxMediaGlobalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}}},{"title":"Shadow","id":"lightboxMediaGlobalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Overlay","icon":"plus.rectangle","properties":[{"title":"Color","id":"overlayColor","format":"bg-{{value}}","themeColor":{"mode":"single","default":{"name":"surface","brightness":50}}},{"title":"Opacity","id":"overlayOpacity","format":"bg-opacity-[{{value}}%] dark:bg-opacity-[{{value}}%]","slider":{"default":20,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Blur","id":"overlayBlur","format":"backdrop-blur-[{{value}}px]","slider":{"default":3,"min":0,"max":10,"round":true,"snap":true,"units":"px"}}]},{"title":"Navigation","icon":"arrow.triangle.swap","properties":[{"title":"General","heading":{}},{"title":"Border Radius","id":"navigationRadius","themeBorderRadius":{"default":{"base":{"value":"full"}}}},{"title":"Padding","id":"navigationPadding","format":"p-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Size","id":"navigationSize","format":"size-[{{value}}px]","slider":{"default":24,"min":0,"max":48,"round":true,"snap":true,"units":"px"}},{"divider":{}},{"title":"State","id":"navigationState","segmented":{"default":"default","items":[{"title":"Default","value":"default"},{"title":"Hover","value":"hover"}]}},{"title":"Close Button","heading":{}},{"visible":"navigationState == 'default'","title":"Background","id":"navigationCloseButtonBackground","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Background","id":"navigationCloseButtonBackgroundHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'default'","title":"Icon","id":"navigationCloseButtonIconColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Icon","id":"navigationCloseButtonIconColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'default'","title":"Opacity","id":"navigationCloseButtonOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"navigationState == 'hover'","title":"Opacity","id":"navigationCloseButtonOpacityHover","format":"hover:opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"divider":{}},{"title":"Next & Previous Buttons","heading":{}},{"visible":"navigationState == 'default'","title":"Background","id":"navigationNextPreviousButtonBackground","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Background","id":"navigationNextPreviousButtonBackgroundHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"navigationState == 'default'","title":"Icon","id":"navigationNextPreviousButtonIconColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'hover'","title":"Icon","id":"navigationNextPreviousButtonIconColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"visible":"navigationState == 'default'","title":"Opacity","id":"navigationNextPreviousButtonOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"navigationState == 'hover'","title":"Opacity","id":"navigationNextPreviousButtonOpacityHover","format":"hover:opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/hooks.js index ae3c8f5..7046651 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()};function getResponsiveColumns(columnsProp,names){const deviceOrder=["base","sm","md","lg","xl","2xl"],deviceColumns=deviceOrder.reduce((acc,key,idx)=>{var _a;const prevKey=deviceOrder[idx-1];return acc[key]=(_a=columnsProp[key])!=null?_a:prevKey?acc[prevKey]:0,acc},{});return deviceOrder.map((key,idx)=>{const columnCount=deviceColumns[key],visibilityClasses=deviceOrder.map((otherKey,otherIdx)=>otherKey===key?otherKey==="base"?"grid":`${key}:grid`:otherKey==="base"?"hidden":`${otherKey}:hidden`),gridClass=key==="base"?`grid-cols-${columnCount}`:`${key}:grid-cols-${columnCount}`;return{device:key,columnCount,items:Array.from({length:columnCount},(_,i)=>i+1),className:visibilityClasses.join(" "),gridClass}})}function getResponsiveRows(rowsProp,names){const deviceOrder=["base","sm","md","lg","xl","2xl"],deviceRows=deviceOrder.reduce((acc,key,idx)=>{var _a;const prevKey=deviceOrder[idx-1];return acc[key]=(_a=rowsProp[key])!=null?_a:prevKey?acc[prevKey]:0,acc},{});return deviceOrder.map((key,idx)=>{const rowCount=deviceRows[key],visibilityClasses=deviceOrder.map((otherKey,otherIdx)=>otherKey===key?otherKey==="base"?"grid":`${key}:grid`:otherKey==="base"?"hidden":`${otherKey}:hidden`),gridClass=key==="base"?`grid-rows-${rowCount}`:`${key}:grid-rows-${rowCount}`;return{device:key,rowCount,items:Array.from({length:rowCount},(_,i)=>i+1),className:visibilityClasses.join(" "),gridClass}})}const transformHook=rw=>{var _a;const{globalID,showGrid,columns,rows,gapX,gapY,autoFlow,autoColumns,autoRows,justifyItems,justifyContent,alignItems,alignContent}=rw.props,{columns:columnsProp,rows:rowsProp}=rw.responsiveProps,{mode}=rw.project,{id}=rw.node,{names}=rw.theme.breakpoints,wantsHorizontalDropzone=columns>1,link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),responsiveColumns=getResponsiveColumns(columnsProp,names),responsiveRows=getResponsiveRows(rowsProp||{},names),classes=[`group/${id} group/grid`,globalID&&`group/${globalID}`,advancedClasses(rw),globalLayout(rw,{defaultDisplay:"grid"}),globalSizingContainer(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),columns,rows,gapX,gapY,autoFlow,autoColumns!=="auto-cols-none"&&autoColumns,autoRows!=="auto-rows-none"&&autoRows,justifyItems,justifyContent,alignItems,alignContent].filter(Boolean).join(" "),overlay={wrapper:`grid ${gapX} ${gapY} ${responsiveColumns.map(item=>item.gridClass).join(" ")} ${responsiveRows.map(item=>item.gridClass).join(" ")} absolute inset-0 transition duration-200 ease-in-out z-10 pointer-events-none border border-[#f59794]`,column:"overlay-column relative pointer-events-none col-span-1 row-span-full border-dashed border-[#f59794] bg-[#f59794]/10",columns:responsiveColumns,row:"overlay-row pointer-events-none col-span-full row-span-1 border-dashed border-[#f59794] bg-[#f59794]/10",rows:responsiveRows};rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classes,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":((_a=rw.collections.tags)==null?void 0:_a.map(tag=>tag.title).join(","))||""}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({overlay,showOverlay:mode=="edit"&&showGrid,wantsHorizontalDropzone,responsiveColumns,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()};function getResponsiveColumns(columnsProp,names){const deviceOrder=["base","sm","md","lg","xl","2xl"],deviceColumns=deviceOrder.reduce((acc,key,idx)=>{var _a;const prevKey=deviceOrder[idx-1];return acc[key]=(_a=columnsProp[key])!=null?_a:prevKey?acc[prevKey]:0,acc},{});return deviceOrder.map((key,idx)=>{const columnCount=deviceColumns[key],visibilityClasses=deviceOrder.map((otherKey,otherIdx)=>otherKey===key?otherKey==="base"?"grid":`${key}:grid`:otherKey==="base"?"hidden":`${otherKey}:hidden`),gridClass=key==="base"?`grid-cols-${columnCount}`:`${key}:grid-cols-${columnCount}`;return{device:key,columnCount,items:Array.from({length:columnCount},(_,i)=>i+1),className:visibilityClasses.join(" "),gridClass}})}function getResponsiveRows(rowsProp,names){const deviceOrder=["base","sm","md","lg","xl","2xl"],deviceRows=deviceOrder.reduce((acc,key,idx)=>{var _a;const prevKey=deviceOrder[idx-1];return acc[key]=(_a=rowsProp[key])!=null?_a:prevKey?acc[prevKey]:0,acc},{});return deviceOrder.map((key,idx)=>{const rowCount=deviceRows[key],visibilityClasses=deviceOrder.map((otherKey,otherIdx)=>otherKey===key?otherKey==="base"?"grid":`${key}:grid`:otherKey==="base"?"hidden":`${otherKey}:hidden`),gridClass=key==="base"?`grid-rows-${rowCount}`:`${key}:grid-rows-${rowCount}`;return{device:key,rowCount,items:Array.from({length:rowCount},(_,i)=>i+1),className:visibilityClasses.join(" "),gridClass}})}const transformHook=rw=>{var _a;const{globalID,showGrid,columns,rows,gapX,gapY,autoFlow,autoColumns,autoRows,justifyItems,justifyContent,alignItems,alignContent}=rw.props,{columns:columnsProp,rows:rowsProp}=rw.responsiveProps,{mode}=rw.project,{id}=rw.node,{names}=rw.theme.breakpoints,wantsHorizontalDropzone=columns>1,link=globalLink(rw),filter=globalFilter(rw),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),responsiveColumns=getResponsiveColumns(columnsProp,names),responsiveRows=getResponsiveRows(rowsProp||{},names),classes=[`group/${id} group/grid`,globalID&&`group/${globalID}`,advancedClasses(rw),globalLayout(rw,{defaultDisplay:"grid"}),globalSizingContainer(rw),globalSpacing(rw),globalTransitions(rw),globalFilters(rw),globalEffects(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),columns,rows,gapX,gapY,autoFlow,autoColumns!=="auto-cols-none"&&autoColumns,autoRows!=="auto-rows-none"&&autoRows,justifyItems,justifyContent,alignItems,alignContent].filter(Boolean).join(" "),overlay={wrapper:`grid ${gapX} ${gapY} ${responsiveColumns.map(item=>item.gridClass).join(" ")} ${responsiveRows.map(item=>item.gridClass).join(" ")} absolute inset-0 transition duration-200 ease-in-out z-10 pointer-events-none border border-[#f59794]`,column:"overlay-column relative pointer-events-none col-span-1 row-span-full border-dashed border-[#f59794] bg-[#f59794]/10",columns:responsiveColumns,row:"overlay-row pointer-events-none col-span-full row-span-1 border-dashed border-[#f59794] bg-[#f59794]/10",rows:responsiveRows};rw.setRootElement({as:link.hasLink?"a":globalHTMLTag(rw,"div"),class:classes,args:{id:globalID,...link.args,...filter.args,"data-filter-tags":((_a=rw.collections.tags)==null?void 0:_a.map(tag=>tag.title).join(","))||""}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({overlay,showOverlay:mode=="edit"&&showGrid,wantsHorizontalDropzone,responsiveColumns,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/properties.json index 307db1a..e985c66 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.grid/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.grid.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Columns & Rows","icon":"rectangle.split.2x1","properties":[{"title":"Preview Columns","heading":{}},{"title":"Enable","id":"showGrid","responsive":false,"switch":{}},{"divider":{}},{"title":"Gap","heading":{}},{"title":"Horizontal","id":"gapX","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":"2"}}},{"title":"Vertical","id":"gapY","format":"gap-y-{{value}}","themeSpacing":{"mode":"single","default":{"base":"2"}}},{"divider":{}},{"title":"Columns","id":"columns","format":"grid-cols-{{value}}","slider":{"default":"4","items":[{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"title":"Rows","id":"rows","format":"grid-rows-{{value}}","slider":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}}]},{"title":"Grid Alignment","icon":"align.vertical.center","properties":[{"title":"Auto Flow","id":"autoFlow","format":"grid-flow-{{value}}","select":{"default":"row","items":[{"value":"row","title":"Row"},{"value":"col","title":"Column"},{"value":"dense","title":"Dense"},{"value":"row-dense","title":"Row Dense"},{"value":"col-dense","title":"Column Dense"}]}},{"title":"Auto Cols","id":"autoColumns","format":"auto-cols-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"auto","title":"Auto"},{"value":"min","title":"Min Content"},{"value":"max","title":"Max Content"},{"value":"fr","title":"1 Fr"}]}},{"title":"Auto Rows","id":"autoRows","format":"auto-rows-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"auto","title":"Auto"},{"value":"min","title":"Min Content"},{"value":"max","title":"Max Content"},{"value":"fr","title":"1 Fr"}]}},{"divider":{}},{"title":"Justify","heading":{}},{"title":"Content","format":"justify-{{value}}","id":"justifyContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"}]}},{"title":"Items","format":"justify-items-{{value}}","id":"justifyItems","select":{"default":"normal","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"divider":{}},{"title":"Align","heading":{}},{"title":"Content","format":"content-{{value}}","id":"alignContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"},{"value":"baseline","title":"Baseline"}]}},{"id":"alignItems","format":"items-{{value}}","title":"Items","select":{"default":"[normal]","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"baseline","title":"Baseline"},{"value":"stretch","title":"Stretch"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file +{"groups":[{"title":"Tags","icon":"tag","properties":[{"title":"Tags","property":"tags","collection":{"identifier":"com.realmacsoftware.grid.collections.tags"}}]},{"title":"Filter","icon":"text.magnifyingglass","properties":[{"title":"Filtering","heading":{}},{"title":"Enable","id":"globalFilterEnable","responsive":false,"switch":{"default":false}},{"visible":"globalFilterEnable == true","title":"Group","id":"globalFilterGroup","responsive":false,"segmented":{"default":"parent","items":[{"title":"Parent","value":"parent"},{"title":"Custom","value":"custom"}]}},{"visible":"globalFilterEnable == true && globalFilterGroup == 'custom'","title":"Group ID","id":"globalFilterCustomGroupId","responsive":false,"text":{"default":"unique-group-id"}},{"visible":"globalFilterEnable == true","title":"Transition","id":"globalFilterTransition","responsive":false,"select":{"default":"dim","items":[{"value":"dim","title":"Dim"},{"value":"zoomOut","title":"Zoom Out"},{"value":"slide","title":"Slide"}]}}]},{"title":"Columns & Rows","icon":"rectangle.split.2x1","properties":[{"title":"Preview Columns","heading":{}},{"title":"Enable","id":"showGrid","responsive":false,"switch":{}},{"divider":{}},{"title":"Gap","heading":{}},{"title":"Horizontal","id":"gapX","format":"gap-x-{{value}}","themeSpacing":{"mode":"single","default":{"base":"2"}}},{"title":"Vertical","id":"gapY","format":"gap-y-{{value}}","themeSpacing":{"mode":"single","default":{"base":"2"}}},{"divider":{}},{"title":"Columns","id":"columns","format":"grid-cols-{{value}}","slider":{"default":"4","items":[{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}},{"title":"Rows","id":"rows","format":"grid-rows-{{value}}","slider":{"default":"auto","items":[{"value":"auto","title":"Auto"},{"value":"1","title":"1"},{"value":"2","title":"2"},{"value":"3","title":"3"},{"value":"4","title":"4"},{"value":"5","title":"5"},{"value":"6","title":"6"},{"value":"7","title":"7"},{"value":"8","title":"8"},{"value":"9","title":"9"},{"value":"10","title":"10"},{"value":"11","title":"11"},{"value":"12","title":"12"}]}}]},{"title":"Grid Alignment","icon":"align.vertical.center","properties":[{"title":"Auto Flow","id":"autoFlow","format":"grid-flow-{{value}}","select":{"default":"row","items":[{"value":"row","title":"Row"},{"value":"col","title":"Column"},{"value":"dense","title":"Dense"},{"value":"row-dense","title":"Row Dense"},{"value":"col-dense","title":"Column Dense"}]}},{"title":"Auto Cols","id":"autoColumns","format":"auto-cols-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"auto","title":"Auto"},{"value":"min","title":"Min Content"},{"value":"max","title":"Max Content"},{"value":"fr","title":"1 Fr"}]}},{"title":"Auto Rows","id":"autoRows","format":"auto-rows-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"auto","title":"Auto"},{"value":"min","title":"Min Content"},{"value":"max","title":"Max Content"},{"value":"fr","title":"1 Fr"}]}},{"divider":{}},{"title":"Justify","heading":{}},{"title":"Content","format":"justify-{{value}}","id":"justifyContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"}]}},{"title":"Items","format":"justify-items-{{value}}","id":"justifyItems","select":{"default":"normal","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"stretch","title":"Stretch"}]}},{"divider":{}},{"title":"Align","heading":{}},{"title":"Content","format":"content-{{value}}","id":"alignContent","select":{"default":"normal","items":[{"value":"normal","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"between","title":"Between"},{"value":"around","title":"Around"},{"value":"evenly","title":"Evenly"},{"value":"stretch","title":"Stretch"},{"value":"baseline","title":"Baseline"}]}},{"id":"alignItems","format":"items-{{value}}","title":"Items","select":{"default":"[normal]","items":[{"value":"[normal]","title":"Normal"},{"value":"start","title":"Start"},{"value":"end","title":"End"},{"value":"center","title":"Center"},{"value":"baseline","title":"Baseline"},{"value":"stretch","title":"Stretch"}]}}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidthType","responsive":false,"select":{"default":"full","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Breakpoint","value":"container"},{"title":"Theme Spacing","value":"theme"}]}},{"title":"","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalWidthType == 'theme'"},{"title":"Height","id":"globalHeightType","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Full","value":"full"},{"title":"Screen","value":"screen"},{"title":"Theme","value":"theme"}]}},{"title":"","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalHeightType == 'theme'"},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":true}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"auto","bottom":"0","left":"auto","linkHorizontal":true}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"wand.and.stars.inverse","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}},{"divider":{}},{"heading":{},"title":"HTML Tag"},{"information":{},"title":"Select the HTML tag that will be used to render this component."},{"title":"Tag","id":"globalHTMLTag","responsive":false,"default":"default","select":{"items":[{"value":"default","title":"Default (set by the component)"},{"value":"div","title":"Div"},{"value":"span","title":"Span"},{"value":"section","title":"Section"},{"value":"article","title":"Article"},{"value":"aside","title":"Aside"},{"value":"header","title":"Header"},{"value":"footer","title":"Footer"},{"value":"nav","title":"Nav"},{"value":"main","title":"Main"},{"value":"custom","title":"Custom"}]}},{"visible":"globalHTMLTag == 'custom'","title":"","id":"globalHTMLTagCustom","responsive":false,"text":{"default":"div"}},{"visible":"globalHTMLTag == 'custom'","information":{},"title":"Enter the custom tag name without the enclosing brackets. E.g. \"div\"."}],"icon":"gearshape"}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.image/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.image/hooks.js index 01b8856..47432af 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.image/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.image/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b,_c,_d;const{globalID,imageType,imageIntrinsicWidth,imageIntrinsicHeight,image,imageDark,imageAlt,imageSizingType,imageProtection,imageFetchPriority,imageLightboxColor,imageLightboxColorOpacity,imageLightboxGlobalFiltersBackdropBlur,imageMaskResource,imageMaskSize}=rw.props,{imageFileSize,imageCmsField:responsiveImageCmsField,imageCmsFieldDark:responsiveImageCmsFieldDark,imageCustomSource,imageCustomSourceDark,wantsLightbox}=rw.responsiveProps,{breakpoints}=rw.theme,{names,screens}=breakpoints,{mode}=rw.project,{assetPath,sharedAssetPath}=rw.component,link=globalLink(rw),wantsCustomSizing=imageSizingType=="custom",wantsFetchPriority=imageFetchPriority!="auto",isEditMode=mode=="edit",isCMSImage=imageType=="cms",isCustomImage=imageType=="custom",isResourceImage=imageType=="resource",wantsLightboxAtAnyBreakpoint=Object.values(wantsLightbox).some(v=>v===!0),lightboxCursorClasses=Object.entries(wantsLightbox).map(([breakpoint,enabled])=>{const prefix=breakpoint==="base"?"":`${breakpoint}:`;return enabled?`${prefix}cursor-zoom-in`:`${prefix}cursor-default`}).join(" "),lightboxBreakpoints=Object.entries(wantsLightbox).map(([breakpoint,enabled])=>({minWidth:breakpoint==="base"?0:screens[breakpoint]||0,enabled})).sort((a,b)=>a.minWidth-b.minWidth),generateResponsiveImageData=resourceObject=>resourceObject?{sources:names.filter(name=>resourceObject[name]&&screens[name]).sort((a,b)=>screens[b]-screens[a]).map(name=>({media:`(min-width: ${screens[name]}px)`,srcset:resourceObject[name],breakpoint:name,minWidth:screens[name]})),fallbackSrc:resourceObject.base,baseSrc:resourceObject.base}:null,generateResourceSources=resource=>wantsCustomSizing?{sources:names.filter(name=>imageFileSize[name]).sort((a,b)=>screens[b]-screens[a]).map(name=>{const displayWidth=Math.min(imageFileSize[name],(resource==null?void 0:resource.width)||1/0),source={media:`(min-width: ${screens[name]}px)`,srcset:rw.resizeResource(resource,imageFileSize[name]*2),breakpoint:name,minWidth:screens[name]};return resource!=null&&resource.width&&(resource!=null&&resource.height)&&(source.width=displayWidth,source.height=Math.round(displayWidth*resource.height/resource.width)),source}),fallbackSrc:resource,baseSrc:resource}:resource,generateDefaultSrc=resource=>{if(!wantsCustomSizing)return resource;const displayWidth=Math.min(imageFileSize.base,(resource==null?void 0:resource.width)||1/0),resized={...resource,image:rw.resizeResource(resource,imageFileSize.base*2)};return resource!=null&&resource.width&&(resource!=null&&resource.height)&&(resized.width=displayWidth,resized.height=Math.round(displayWidth*resource.height/resource.width)),resized},responsiveImageData=generateResponsiveImageData(isCMSImage?responsiveImageCmsField:imageCustomSource),responsiveImageDataDark=generateResponsiveImageData(isCMSImage?responsiveImageCmsFieldDark:imageCustomSourceDark),imageCustomSrc=isEditMode&&isCMSImage?`${sharedAssetPath}/images/image-square.png`:(responsiveImageData==null?void 0:responsiveImageData.baseSrc)||`${sharedAssetPath}/images/image-square.png`,imageCustomSrcDark=isEditMode&&isCMSImage?`${sharedAssetPath}/images/image-square.png`:(responsiveImageDataDark==null?void 0:responsiveImageDataDark.baseSrc)||null,lightImage=isResourceImage?{resource:generateDefaultSrc(image),...generateResourceSources(image)}:{resource:{image:imageCustomSrc},...responsiveImageData},darkImage=isResourceImage?{resource:generateDefaultSrc(imageDark),...generateResourceSources(imageDark)}:{resource:{image:imageCustomSrcDark},...responsiveImageDataDark},wantsMask=!!(imageMaskResource!=null&&imageMaskResource.image),maskClasses=[];if(wantsMask){const svgContent=imageMaskResource.image,maskUrl=`url('data:image/svg+xml,${encodeURIComponent(svgContent)}')`;maskClasses.push(`[-webkit-mask-image:${maskUrl}]`,`[mask-image:${maskUrl}]`,`[-webkit-mask-size:${imageMaskSize}]`,`[mask-size:${imageMaskSize}]`,"[-webkit-mask-repeat:no-repeat]","[mask-repeat:no-repeat]","[-webkit-mask-position:center]","[mask-position:center]")}const classes={wrapper:classnames(["transform-gpu",globalLayout(rw),globalSizing(rw),globalSpacing(rw),advancedClasses(rw)]).toString(),img:classnames([wantsLightboxAtAnyBreakpoint&&lightboxCursorClasses,"max-w-[100%] w-full",globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBorders(rw),objectClasses(rw),rw.props.aspectRatio=="aspect-[auto]"?`aspect-[${image==null?void 0:image.aspect}]`:aspectRatioClasses(rw),...maskClasses]).toString(),lightbox:{overlay:classnames(["fixed inset-0",imageLightboxColor,imageLightboxColorOpacity,imageLightboxGlobalFiltersBackdropBlur]).toString()}};rw.setRootElement({as:link.hasLink?"a":"div",class:classes.wrapper,args:{...link.args,rwResourceDropZone:"image",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({isCMSImage,isCustomImage,isResourceImage,isEditMode,lightImage,hasDarkImage:((_a=darkImage.resource)==null?void 0:_a.image)||!1,darkImage,hasImage:((_b=lightImage.resource)==null?void 0:_b.image)||!1,imageProtection,defaultSrc:image,alt:imageAlt,classes,imageWidth:isResourceImage?(_c=lightImage.resource)==null?void 0:_c.width:imageIntrinsicWidth,imageHeight:isResourceImage?(_d=lightImage.resource)==null?void 0:_d.height:imageIntrinsicHeight,assetPath,sharedAssetPath,wantsLightbox:wantsLightboxAtAnyBreakpoint&&mode!="edit",lightboxBreakpointsJSON:JSON.stringify(lightboxBreakpoints),id:rw.node.id,wantsFetchPriority})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b,_c,_d;const{globalID,imageType,imageIntrinsicWidth,imageIntrinsicHeight,image,imageDark,imageAlt,imageSizingType,imageProtection,imageFetchPriority,imageLightboxColor,imageLightboxColorOpacity,imageLightboxGlobalFiltersBackdropBlur,imageMaskResource,imageMaskSize}=rw.props,{imageFileSize,imageCmsField:responsiveImageCmsField,imageCmsFieldDark:responsiveImageCmsFieldDark,imageCustomSource,imageCustomSourceDark,wantsLightbox}=rw.responsiveProps,{breakpoints}=rw.theme,{names,screens}=breakpoints,{mode}=rw.project,{assetPath,sharedAssetPath}=rw.component,link=globalLink(rw),wantsCustomSizing=imageSizingType=="custom",wantsFetchPriority=imageFetchPriority!="auto",isEditMode=mode=="edit",isCMSImage=imageType=="cms",isCustomImage=imageType=="custom",isResourceImage=imageType=="resource",wantsLightboxAtAnyBreakpoint=Object.values(wantsLightbox).some(v=>v===!0),lightboxCursorClasses=Object.entries(wantsLightbox).map(([breakpoint,enabled])=>{const prefix=breakpoint==="base"?"":`${breakpoint}:`;return enabled?`${prefix}cursor-zoom-in`:`${prefix}cursor-default`}).join(" "),lightboxBreakpoints=Object.entries(wantsLightbox).map(([breakpoint,enabled])=>({minWidth:breakpoint==="base"?0:screens[breakpoint]||0,enabled})).sort((a,b)=>a.minWidth-b.minWidth),generateResponsiveImageData=resourceObject=>resourceObject?{sources:names.filter(name=>resourceObject[name]&&screens[name]).sort((a,b)=>screens[b]-screens[a]).map(name=>({media:`(min-width: ${screens[name]}px)`,srcset:resourceObject[name],breakpoint:name,minWidth:screens[name]})),fallbackSrc:resourceObject.base,baseSrc:resourceObject.base}:null,generateResourceSources=resource=>wantsCustomSizing?{sources:names.filter(name=>imageFileSize[name]).sort((a,b)=>screens[b]-screens[a]).map(name=>{const displayWidth=Math.min(imageFileSize[name],(resource==null?void 0:resource.width)||1/0),source={media:`(min-width: ${screens[name]}px)`,srcset:rw.resizeResource(resource,imageFileSize[name]*2),breakpoint:name,minWidth:screens[name]};return resource!=null&&resource.width&&(resource!=null&&resource.height)&&(source.width=displayWidth,source.height=Math.round(displayWidth*resource.height/resource.width)),source}),fallbackSrc:resource,baseSrc:resource}:resource,generateDefaultSrc=resource=>{if(!wantsCustomSizing)return resource;const displayWidth=Math.min(imageFileSize.base,(resource==null?void 0:resource.width)||1/0),resized={...resource,image:rw.resizeResource(resource,imageFileSize.base*2)};return resource!=null&&resource.width&&(resource!=null&&resource.height)&&(resized.width=displayWidth,resized.height=Math.round(displayWidth*resource.height/resource.width)),resized},responsiveImageData=generateResponsiveImageData(isCMSImage?responsiveImageCmsField:imageCustomSource),responsiveImageDataDark=generateResponsiveImageData(isCMSImage?responsiveImageCmsFieldDark:imageCustomSourceDark),imageCustomSrc=isEditMode&&isCMSImage?`${sharedAssetPath}/images/image-square.png`:(responsiveImageData==null?void 0:responsiveImageData.baseSrc)||`${sharedAssetPath}/images/image-square.png`,imageCustomSrcDark=isEditMode&&isCMSImage?`${sharedAssetPath}/images/image-square.png`:(responsiveImageDataDark==null?void 0:responsiveImageDataDark.baseSrc)||null,lightImage=isResourceImage?{resource:generateDefaultSrc(image),...generateResourceSources(image)}:{resource:{image:imageCustomSrc},...responsiveImageData},darkImage=isResourceImage?{resource:generateDefaultSrc(imageDark),...generateResourceSources(imageDark)}:{resource:{image:imageCustomSrcDark},...responsiveImageDataDark},wantsMask=!!(imageMaskResource!=null&&imageMaskResource.image),maskClasses=[];if(wantsMask){const svgContent=imageMaskResource.image,maskUrl=`url('data:image/svg+xml,${encodeURIComponent(svgContent)}')`;maskClasses.push(`[-webkit-mask-image:${maskUrl}]`,`[mask-image:${maskUrl}]`,`[-webkit-mask-size:${imageMaskSize}]`,`[mask-size:${imageMaskSize}]`,"[-webkit-mask-repeat:no-repeat]","[mask-repeat:no-repeat]","[-webkit-mask-position:center]","[mask-position:center]")}const classes={wrapper:classnames(["transform-gpu",globalLayout(rw),globalSizing(rw),globalSpacing(rw),advancedClasses(rw)]).toString(),img:classnames([wantsLightboxAtAnyBreakpoint&&lightboxCursorClasses,"max-w-[100%] w-full",globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBorders(rw),objectClasses(rw),rw.props.aspectRatio=="aspect-[auto]"?`aspect-[${image==null?void 0:image.aspect}]`:aspectRatioClasses(rw),...maskClasses]).toString(),lightbox:{overlay:classnames(["fixed inset-0",imageLightboxColor,imageLightboxColorOpacity,imageLightboxGlobalFiltersBackdropBlur]).toString()}};rw.setRootElement({as:link.hasLink?"a":"div",class:classes.wrapper,args:{...link.args,rwResourceDropZone:"image",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({isCMSImage,isCustomImage,isResourceImage,isEditMode,lightImage,hasDarkImage:((_a=darkImage.resource)==null?void 0:_a.image)||!1,darkImage,hasImage:((_b=lightImage.resource)==null?void 0:_b.image)||!1,imageProtection,defaultSrc:image,alt:imageAlt,classes,imageWidth:isResourceImage?(_c=lightImage.resource)==null?void 0:_c.width:imageIntrinsicWidth,imageHeight:isResourceImage?(_d=lightImage.resource)==null?void 0:_d.height:imageIntrinsicHeight,assetPath,sharedAssetPath,wantsLightbox:wantsLightboxAtAnyBreakpoint&&mode!="edit",lightboxBreakpointsJSON:JSON.stringify(lightboxBreakpoints),id:rw.node.id,wantsFetchPriority})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.image/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.image/properties.json index cef83c4..8a44abd 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.image/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.image/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Image","icon":"photo","properties":[{"title":"Resource","heading":{}},{"title":"Type","id":"imageType","segmented":{"default":"resource","items":[{"title":"Resource","value":"resource"},{"title":"Custom","value":"custom"},{"title":"CMS","value":"cms"}]}},{"title":"Mode","id":"imageMode","segmented":{"default":"light","items":[{"icon":"sun.max","value":"light"},{"icon":"moon","value":"dark"}]}},{"visible":"imageType == 'custom' && imageMode == 'light'","title":"Source","id":"imageCustomSource","text":{"default":""}},{"visible":"imageType == 'custom' && imageMode == 'dark'","title":"Source","id":"imageCustomSourceDark","text":{"default":""}},{"visible":"imageType == 'cms' && imageMode == 'light'","title":"Field","id":"imageCmsField","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'cms' && imageMode == 'dark'","title":"Field","id":"imageCmsFieldDark","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'resource' && imageMode == 'light'","title":"Image","id":"image","resource":{}},{"visible":"imageType == 'resource' && imageMode == 'dark'","title":"Image","id":"imageDark","resource":{}},{"title":"Alt","id":"imageAlt","responsive":false,"text":{"subtitle":"Used for SEO and accessibility","default":""}},{"divider":{}},{"title":"Sizing","heading":{}},{"visible":"imageType != 'resource'","title":"Width","id":"imageIntrinsicWidth","responsive":false,"number":{"default":1280}},{"visible":"imageType != 'resource'","title":"Height","id":"imageIntrinsicHeight","responsive":false,"number":{"default":720}},{"visible":"imageType != 'resource'","information":{},"title":"The intrinsic size of the image. Display sizing is set via the Sizing controls."},{"visible":"imageType == 'resource'","title":"Type","id":"imageSizingType","responsive":false,"segmented":{"default":"devices","items":[{"title":"Original","value":"none"},{"title":"Custom","value":"custom"}]}},{"visible":"imageType == 'resource' && imageSizingType == 'custom'","title":"File Size","id":"imageFileSize","number":{"default":400,"round":true,"subtitle":"In pixels"}},{"divider":{}},{"title":"Image Protection","heading":{}},{"title":"Enable","id":"imageProtection","responsive":false,"switch":{}},{"information":{},"title":"Prevent this image from being easily downloaded."},{"divider":{}},{"title":"Lazy Loading","heading":{}},{"title":"Enable","id":"imageLazyLoading","responsive":false,"switch":{}},{"information":{},"title":"Adds the loading='lazy' attribute to the image."},{"divider":{}},{"title":"Fetch Priority","heading":{}},{"title":"Value","id":"imageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}},{"information":{},"title":"Adds the fetchpriority attribute to the image."}]},{"title":"Mask","icon":"theatermask.and.paintbrush","properties":[{"title":"SVG","id":"imageMaskResource","resource":{"types":["svg"]}},{"title":"Size","id":"imageMaskSize","responsive":false,"select":{"default":"contain","items":[{"title":"Contain","value":"contain"},{"title":"Cover","value":"cover"},{"title":"Fill","value":"100% 100%"}]}},{"information":{},"title":"Add an SVG to mask this image. The black areas of the SVG will be visible."}]},{"title":"Lightbox","icon":"square.filled.on.square","properties":[{"title":"Enable","id":"wantsLightbox","responsive":true,"switch":{}},{"visible":"wantsLightbox == true","title":"Backdrop","heading":{}},{"visible":"wantsLightbox == true","title":"Color","id":"imageLightboxColor","format":"bg-{{value}}","themeColor":{"default":{"name":"black","brightness":50}}},{"visible":"wantsLightbox == true","title":"Opacity","id":"imageLightboxColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":"50","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Blur","id":"imageLightboxGlobalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"wantsLightbox == true"}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Aspect Ratio","icon":"aspectratio","properties":[{"title":"Aspect Ratio","id":"aspectRatio","format":"aspect-[{{value}}]","segmented":{"default":"auto","items":[{"title":"Auto","value":"auto","default":true},{"title":"Wide","value":"16/9"},{"title":"Tall","value":"4/5"},{"icon":"slider.horizontal.3","value":"custom"}]}},{"visible":"aspectRatio == 'custom'","title":"Custom Ratio","id":"aspectRatioCustom","format":"aspect-[{{value}}]","text":{"default":"7/5"}},{"visible":"aspectRatio == 'custom'","title":"An 'x/y' value such as 1/1 or 5/7.","information":{}},{"title":"Object Fit","id":"objectFit","format":"object-{{value}}","select":{"default":"cover","items":[{"title":"Fill","value":"fill"},{"title":"Contain","value":"contain"},{"title":"Cover","value":"cover"},{"title":"None","value":"none"},{"title":"Scale Down","value":"scale-down"}]},"visible":"aspectRatio != 'auto'"},{"title":"Position","id":"objectPosition","select":{"default":"object-center","items":[{"value":"object-bottom","title":"Bottom"},{"value":"object-[center_bottom]","title":"Bottom Center"},{"value":"object-center","title":"Center"},{"value":"object-left","title":"Left"},{"value":"object-[left_center]","title":"Left Center"},{"value":"object-left-bottom","title":"Left Bottom"},{"value":"object-left-top","title":"Left Top"},{"value":"object-right","title":"Right"},{"value":"object-[right_center]","title":"Right Center"},{"value":"object-right-bottom","title":"Right Bottom"},{"value":"object-right-top","title":"Right Top"},{"value":"object-top","title":"Top"},{"value":"object-[center_top]","title":"Top Center"}]},"visible":"aspectRatio != 'auto'"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"100%","custom":true}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Image","icon":"photo","properties":[{"title":"Resource","heading":{}},{"title":"Type","id":"imageType","segmented":{"default":"resource","items":[{"title":"Resource","value":"resource"},{"title":"Custom","value":"custom"},{"title":"CMS","value":"cms"}]}},{"title":"Mode","id":"imageMode","segmented":{"default":"light","items":[{"icon":"sun.max","value":"light"},{"icon":"moon","value":"dark"}]}},{"visible":"imageType == 'custom' && imageMode == 'light'","title":"Source","id":"imageCustomSource","text":{"default":""}},{"visible":"imageType == 'custom' && imageMode == 'dark'","title":"Source","id":"imageCustomSourceDark","text":{"default":""}},{"visible":"imageType == 'cms' && imageMode == 'light'","title":"Field","id":"imageCmsField","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'cms' && imageMode == 'dark'","title":"Field","id":"imageCmsFieldDark","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'resource' && imageMode == 'light'","title":"Image","id":"image","resource":{}},{"visible":"imageType == 'resource' && imageMode == 'dark'","title":"Image","id":"imageDark","resource":{}},{"title":"Alt","id":"imageAlt","responsive":false,"text":{"subtitle":"Used for SEO and accessibility","default":""}},{"divider":{}},{"title":"Sizing","heading":{}},{"visible":"imageType != 'resource'","title":"Width","id":"imageIntrinsicWidth","responsive":false,"number":{"default":1280}},{"visible":"imageType != 'resource'","title":"Height","id":"imageIntrinsicHeight","responsive":false,"number":{"default":720}},{"visible":"imageType != 'resource'","information":{},"title":"The intrinsic size of the image. Display sizing is set via the Sizing controls."},{"visible":"imageType == 'resource'","title":"Type","id":"imageSizingType","responsive":false,"segmented":{"default":"devices","items":[{"title":"Original","value":"none"},{"title":"Custom","value":"custom"}]}},{"visible":"imageType == 'resource' && imageSizingType == 'custom'","title":"File Size","id":"imageFileSize","number":{"default":400,"round":true,"subtitle":"In pixels"}},{"divider":{}},{"title":"Image Protection","heading":{}},{"title":"Enable","id":"imageProtection","responsive":false,"switch":{}},{"information":{},"title":"Prevent this image from being easily downloaded."},{"divider":{}},{"title":"Lazy Loading","heading":{}},{"title":"Enable","id":"imageLazyLoading","responsive":false,"switch":{}},{"information":{},"title":"Adds the loading='lazy' attribute to the image."},{"divider":{}},{"title":"Fetch Priority","heading":{}},{"title":"Value","id":"imageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}},{"information":{},"title":"Adds the fetchpriority attribute to the image."}]},{"title":"Mask","icon":"theatermask.and.paintbrush","properties":[{"title":"SVG","id":"imageMaskResource","resource":{"types":["svg"]}},{"title":"Size","id":"imageMaskSize","responsive":false,"select":{"default":"contain","items":[{"title":"Contain","value":"contain"},{"title":"Cover","value":"cover"},{"title":"Fill","value":"100% 100%"}]}},{"information":{},"title":"Add an SVG to mask this image. The black areas of the SVG will be visible."}]},{"title":"Lightbox","icon":"square.filled.on.square","properties":[{"title":"Enable","id":"wantsLightbox","responsive":true,"switch":{}},{"visible":"wantsLightbox == true","title":"Backdrop","heading":{}},{"visible":"wantsLightbox == true","title":"Color","id":"imageLightboxColor","format":"bg-{{value}}","themeColor":{"default":{"name":"black","brightness":50}}},{"visible":"wantsLightbox == true","title":"Opacity","id":"imageLightboxColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":"50","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Blur","id":"imageLightboxGlobalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"wantsLightbox == true"}]},{"title":"Link","icon":"link","properties":[{"title":"Link","heading":{}},{"title":"To","id":"globalLink","link":{}}]},{"title":"Aspect Ratio","icon":"aspectratio","properties":[{"title":"Aspect Ratio","id":"aspectRatio","format":"aspect-[{{value}}]","segmented":{"default":"auto","items":[{"title":"Auto","value":"auto","default":true},{"title":"Wide","value":"16/9"},{"title":"Tall","value":"4/5"},{"icon":"slider.horizontal.3","value":"custom"}]}},{"visible":"aspectRatio == 'custom'","title":"Custom Ratio","id":"aspectRatioCustom","format":"aspect-[{{value}}]","text":{"default":"7/5"}},{"visible":"aspectRatio == 'custom'","title":"An 'x/y' value such as 1/1 or 5/7.","information":{}},{"title":"Object Fit","id":"objectFit","format":"object-{{value}}","select":{"default":"cover","items":[{"title":"Fill","value":"fill"},{"title":"Contain","value":"contain"},{"title":"Cover","value":"cover"},{"title":"None","value":"none"},{"title":"Scale Down","value":"scale-down"}]},"visible":"aspectRatio != 'auto'"},{"title":"Position","id":"objectPosition","select":{"default":"object-center","items":[{"value":"object-bottom","title":"Bottom"},{"value":"object-[center_bottom]","title":"Bottom Center"},{"value":"object-center","title":"Center"},{"value":"object-left","title":"Left"},{"value":"object-[left_center]","title":"Left Center"},{"value":"object-left-bottom","title":"Left Bottom"},{"value":"object-left-top","title":"Left Top"},{"value":"object-right","title":"Right"},{"value":"object-[right_center]","title":"Right Center"},{"value":"object-right-bottom","title":"Right Bottom"},{"value":"object-right-top","title":"Right Top"},{"value":"object-top","title":"Top"},{"value":"object-[center_top]","title":"Top Center"}]},"visible":"aspectRatio != 'auto'"}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"100%","custom":true}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Borders","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/hooks.js index fb9f20f..e2e16e5 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b;const{imageType,imageCmsField,imageCmsCustomField,images,autoPlay,autoPlayInterval:autoPlayDelay,pauseOnHover,visibleSlides:rawVisibleSlides,transitionType,transitionDuration,padding,aspectRatio,globalBordersRadius,globalBoxShadow,customAspectRatio,enablePaginationArrows,enablePaginationDots,paginationArrowSize,paginationArrowBorderRadius,paginationArrowBgColor,paginationArrowColor,paginationArrowBgColorHover,paginationArrowColorHover,paginationDotColor,paginationDotColorActive,paginationDotSize,paginationDotGap}=rw.props,visibleSlides=transitionType==="fade"?"1":rawVisibleSlides,{id}=rw.node,isCms=imageType==="cms",cmsField=imageCmsField==="custom"?imageCmsCustomField:imageCmsField,{assetPath}=rw.component,hasImages=isCms||(images==null?void 0:images.resourceCount)>0,resources=isCms?{resources:[{image:`${assetPath}/image-square.png`,alt:"Image 1",width:500,height:500},{image:`${assetPath}/image-square.png`,alt:"Image 2",width:500,height:500},{image:`${assetPath}/image-square.png`,alt:"Image 3",width:500,height:500}]}:images;(_a=resources==null?void 0:resources.resources)==null||_a.forEach(resource=>{resource.alt=resource.caption||""});const gridColumns=enablePaginationArrows?"grid-cols-[auto_1fr_auto]":"grid-cols-1",gridRows=enablePaginationDots?"grid-rows-[1fr_auto]":"grid-rows-1",widths={1:"w-full",2:"w-1/2",3:"w-1/3",4:"w-1/4",5:"w-1/5",6:"w-1/6",7:"w-[14.285714%]",8:"w-[12.5%]",9:"w-[11.111111%]",10:"w-[10%]",11:"w-[9.090909%]",12:"w-[8.333333%]"},isFade=transitionType==="fade",aspectRatioClass=aspectRatio==="aspect-[custom]"?customAspectRatio:aspectRatio,hasFixedAspectRatio=aspectRatio!=="aspect-[auto]",classes={wrapper:`relative w-full overflow-hidden grid ${gridColumns} ${gridRows} ${advancedClasses(rw)}`,container:"overflow-hidden relative",slider:isFade?"grid w-full":"flex w-full cursor-grab active:cursor-grabbing",slide:isFade?`[grid-area:1/1] w-full transition-opacity ${transitionDuration||"duration-[500ms]"} ${padding}`:`shrink-0 min-w-0 snap-start ${widths[visibleSlides]} ${padding}`,slideEdit:isFade?`[grid-area:1/1] w-full ${padding}`:`shrink-0 min-w-0 snap-start ${widths[visibleSlides]} ${padding}`,slideFirstEdit:isFade?"z-10 opacity-100":"",slideOtherEdit:isFade?"opacity-0":"",slideImageWrapper:["w-full overflow-hidden bg-gray-200",aspectRatioClass,globalBordersRadius,globalBoxShadow].join(" ").replace(/\s+/g," ").trim(),slideImage:hasFixedAspectRatio?"w-full h-full object-cover pointer-events-none select-none":"w-full h-auto pointer-events-none select-none",paginationButton:["transition duration-200 self-center p-2",paginationArrowBorderRadius||"rounded-full",paginationArrowBgColor,paginationArrowBgColorHover].join(" "),paginationButtonSvg:["transition duration-200",paginationArrowColor,paginationArrowColorHover,paginationArrowSize].join(" "),paginationDots:`col-span-full flex justify-center ${paginationDotGap}`,paginationDot:["rounded-full focus:outline-none",paginationDotColor,paginationDotColorActive,paginationDotSize].join(" ")},sliderOptions=JSON.stringify({visibleSlides:parseInt(visibleSlides),autoplay:autoPlay,autoplayDelay:autoPlayDelay,transitionType:transitionType||"slide",transitionDuration:transitionDuration||"duration-[500ms]"}).replace(/"/g,"'"),slides=(_b=resources==null?void 0:resources.resources)==null?void 0:_b.map(resource=>`'${resource.image}'`).join(","),rootArgs={"x-data":`imageSlider('${id}', ${sliderOptions})`,"data-total-images":images==null?void 0:images.resourceCount,"x-on:keydown.right":"next","x-on:keydown.left":"prev",tabindex:"0",role:"region"};pauseOnHover&&(rootArgs["x-on:mouseenter"]="stopAutoplay",rootArgs["x-on:mouseleave"]="options.autoplay && startAutoplay()"),rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes.wrapper,args:rootArgs}),rw.setProps({classes,images:resources,isResources:!isCms,isCms,cmsField,hasImages})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a,_b;const{imageType,imageCmsField,imageCmsCustomField,images,autoPlay,autoPlayInterval:autoPlayDelay,pauseOnHover,visibleSlides:rawVisibleSlides,transitionType,transitionDuration,padding,aspectRatio,globalBordersRadius,globalBoxShadow,customAspectRatio,enablePaginationArrows,enablePaginationDots,paginationArrowSize,paginationArrowBorderRadius,paginationArrowBgColor,paginationArrowColor,paginationArrowBgColorHover,paginationArrowColorHover,paginationDotColor,paginationDotColorActive,paginationDotSize,paginationDotGap}=rw.props,visibleSlides=transitionType==="fade"?"1":rawVisibleSlides,{id}=rw.node,isCms=imageType==="cms",cmsField=imageCmsField==="custom"?imageCmsCustomField:imageCmsField,{assetPath}=rw.component,hasImages=isCms||(images==null?void 0:images.resourceCount)>0,resources=isCms?{resources:[{image:`${assetPath}/image-square.png`,alt:"Image 1",width:500,height:500},{image:`${assetPath}/image-square.png`,alt:"Image 2",width:500,height:500},{image:`${assetPath}/image-square.png`,alt:"Image 3",width:500,height:500}]}:images;(_a=resources==null?void 0:resources.resources)==null||_a.forEach(resource=>{resource.alt=resource.caption||""});const gridColumns=enablePaginationArrows?"grid-cols-[auto_1fr_auto]":"grid-cols-1",gridRows=enablePaginationDots?"grid-rows-[1fr_auto]":"grid-rows-1",widths={1:"w-full",2:"w-1/2",3:"w-1/3",4:"w-1/4",5:"w-1/5",6:"w-1/6",7:"w-[14.285714%]",8:"w-[12.5%]",9:"w-[11.111111%]",10:"w-[10%]",11:"w-[9.090909%]",12:"w-[8.333333%]"},isFade=transitionType==="fade",aspectRatioClass=aspectRatio==="aspect-[custom]"?customAspectRatio:aspectRatio,hasFixedAspectRatio=aspectRatio!=="aspect-[auto]",classes={wrapper:`relative w-full overflow-hidden grid ${gridColumns} ${gridRows} ${advancedClasses(rw)}`,container:"overflow-hidden relative",slider:isFade?"grid w-full":"flex w-full cursor-grab active:cursor-grabbing",slide:isFade?`[grid-area:1/1] w-full transition-opacity ${transitionDuration||"duration-[500ms]"} ${padding}`:`shrink-0 min-w-0 snap-start ${widths[visibleSlides]} ${padding}`,slideEdit:isFade?`[grid-area:1/1] w-full ${padding}`:`shrink-0 min-w-0 snap-start ${widths[visibleSlides]} ${padding}`,slideFirstEdit:isFade?"z-10 opacity-100":"",slideOtherEdit:isFade?"opacity-0":"",slideImageWrapper:["w-full overflow-hidden bg-gray-200",aspectRatioClass,globalBordersRadius,globalBoxShadow].join(" ").replace(/\s+/g," ").trim(),slideImage:hasFixedAspectRatio?"w-full h-full object-cover pointer-events-none select-none":"w-full h-auto pointer-events-none select-none",paginationButton:["transition duration-200 self-center p-2",paginationArrowBorderRadius||"rounded-full",paginationArrowBgColor,paginationArrowBgColorHover].join(" "),paginationButtonSvg:["transition duration-200",paginationArrowColor,paginationArrowColorHover,paginationArrowSize].join(" "),paginationDots:`col-span-full flex justify-center ${paginationDotGap}`,paginationDot:["rounded-full focus:outline-none",paginationDotColor,paginationDotColorActive,paginationDotSize].join(" ")},sliderOptions=JSON.stringify({visibleSlides:parseInt(visibleSlides),autoplay:autoPlay,autoplayDelay:autoPlayDelay,transitionType:transitionType||"slide",transitionDuration:transitionDuration||"duration-[500ms]"}).replace(/"/g,"'"),slides=(_b=resources==null?void 0:resources.resources)==null?void 0:_b.map(resource=>`'${resource.image}'`).join(","),rootArgs={"x-data":`imageSlider('${id}', ${sliderOptions})`,"data-total-images":images==null?void 0:images.resourceCount,"x-on:keydown.right":"next","x-on:keydown.left":"prev",tabindex:"0",role:"region"};pauseOnHover&&(rootArgs["x-on:mouseenter"]="stopAutoplay",rootArgs["x-on:mouseleave"]="options.autoplay && startAutoplay()"),rw.setRootElement({as:globalHTMLTag(rw,"div"),class:classes.wrapper,args:rootArgs}),rw.setProps({classes,images:resources,isResources:!isCms,isCms,cmsField,hasImages})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/properties.json index ac2709d..73ac13c 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.imageSlider/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Resources","icon":"folder.fill","properties":[{"title":"Type","id":"imageType","segmented":{"default":"resource","items":[{"title":"Resource","value":"resource"},{"title":"CMS","value":"cms"}]}},{"visible":"imageType == 'resource'","title":"Images","id":"images","resource":{}},{"visible":"imageType == 'cms'","title":"Field","id":"imageCmsField","select":{"default":"image","items":[{"title":"Gallery","value":"gallery"},{"title":"Custom","value":"custom"}]}},{"visible":"imageCmsField == 'custom'","title":"Custom Field","id":"imageCmsCustomField","text":{"default":"custom_field"}}]},{"title":"Slides","icon":"inset.filled.lefthalf.righthalf.rectangle","properties":[{"title":"Auto Play","id":"autoPlay","responsive":false,"switch":{"default":false}},{"enable":"autoPlay == true","title":"Interval","id":"autoPlayInterval","number":{"default":3000,"subtitle":"in milliseconds"}},{"enable":"autoPlay == true","title":"Pause on Hover","id":"pauseOnHover","responsive":false,"switch":{"default":false}},{"divider":{}},{"title":"Transition","id":"transitionType","responsive":false,"segmented":{"default":"slide","items":[{"title":"Slide","value":"slide"},{"title":"Fade","value":"fade"}]}},{"title":"Duration","id":"transitionDuration","format":"duration-[{{value}}ms]","number":{"default":500,"subtitle":"in milliseconds"}},{"divider":{}},{"enable":"transitionType == 'slide'","title":"Visible Slides","id":"visibleSlides","responsive":false,"slider":{"default":"1","items":[{"title":"1","value":"1"},{"title":"2","value":"2"},{"title":"3","value":"3"},{"title":"4","value":"4"},{"title":"5","value":"5"},{"title":"6","value":"6"},{"title":"7","value":"7"},{"title":"8","value":"8"},{"title":"9","value":"9"},{"title":"10","value":"10"},{"title":"11","value":"11"},{"title":"12","value":"12"}]}},{"title":"Padding","id":"padding","themeSpacing":{"default":{"base":{"top":"2","right":"2","bottom":"2","left":"2","linkVertical":true,"linkHorizontal":true}}}}]},{"title":"Images","icon":"photo","properties":[{"title":"Aspect Ratio","id":"aspectRatio","format":"aspect-[{{value}}]","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Square","value":"1/1"},{"title":"Landscape","value":"16/9"},{"title":"Portrait","value":"9/16"},{"title":"Custom","value":"custom"}]}},{"visible":"aspectRatio == 'custom'","title":"Custom","id":"customAspectRatio","format":"aspect-[{{value}}]","text":{"default":"5/7"}},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}}]},{"title":"Pagination","icon":"rectangle.portrait.arrowtriangle.2.outward","properties":[{"title":"Arrows","heading":{}},{"title":"Enable","id":"enablePaginationArrows","responsive":false,"switch":{"default":true}},{"enable":"enablePaginationArrows == true","title":"Size","id":"paginationArrowSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enablePaginationArrows == true","title":"Radius","id":"paginationArrowBorderRadius","themeBorderRadius":{"default":{"base":{"value":"full"}}}},{"enable":"enablePaginationArrows == true","title":"State","id":"paginationArrowState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'normal'","title":"Background","id":"paginationArrowBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'normal'","title":"Color","id":"paginationArrowColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'hover'","title":"Background","id":"paginationArrowBgColorHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'hover'","title":"Color","id":"paginationArrowColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":800}}},{"divider":{}},{"title":"Dots","heading":{}},{"title":"Enable","id":"enablePaginationDots","responsive":false,"switch":{"default":true}},{"enable":"enablePaginationDots == true","title":"Size","id":"paginationDotSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"3"}}}},{"enable":"enablePaginationDots == true","title":"Spacing","id":"paginationDotGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"enable":"enablePaginationDots == true","title":"State","id":"paginationDotState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Active","value":"active"}]}},{"enable":"enablePaginationDots == true","visible":"paginationDotState == 'normal'","title":"Color","id":"paginationDotColor","format":"data-[active=false]:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":200}}},{"enable":"enablePaginationDots == true","visible":"paginationDotState == 'active'","title":"Active Color","id":"paginationDotColorActive","format":"data-[active=true]:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"Resources","icon":"folder.fill","properties":[{"title":"Type","id":"imageType","segmented":{"default":"resource","items":[{"title":"Resource","value":"resource"},{"title":"CMS","value":"cms"}]}},{"visible":"imageType == 'resource'","title":"Images","id":"images","resource":{}},{"visible":"imageType == 'cms'","title":"Field","id":"imageCmsField","select":{"default":"image","items":[{"title":"Gallery","value":"gallery"},{"title":"Custom","value":"custom"}]}},{"visible":"imageCmsField == 'custom'","title":"Custom Field","id":"imageCmsCustomField","text":{"default":"custom_field"}}]},{"title":"Slides","icon":"inset.filled.lefthalf.righthalf.rectangle","properties":[{"title":"Auto Play","id":"autoPlay","responsive":false,"switch":{"default":false}},{"enable":"autoPlay == true","title":"Interval","id":"autoPlayInterval","number":{"default":3000,"subtitle":"in milliseconds"}},{"enable":"autoPlay == true","title":"Pause on Hover","id":"pauseOnHover","responsive":false,"switch":{"default":false}},{"divider":{}},{"title":"Transition","id":"transitionType","responsive":false,"segmented":{"default":"slide","items":[{"title":"Slide","value":"slide"},{"title":"Fade","value":"fade"}]}},{"title":"Duration","id":"transitionDuration","format":"duration-[{{value}}ms]","number":{"default":500,"subtitle":"in milliseconds"}},{"divider":{}},{"enable":"transitionType == 'slide'","title":"Visible Slides","id":"visibleSlides","responsive":false,"slider":{"default":"1","items":[{"title":"1","value":"1"},{"title":"2","value":"2"},{"title":"3","value":"3"},{"title":"4","value":"4"},{"title":"5","value":"5"},{"title":"6","value":"6"},{"title":"7","value":"7"},{"title":"8","value":"8"},{"title":"9","value":"9"},{"title":"10","value":"10"},{"title":"11","value":"11"},{"title":"12","value":"12"}]}},{"title":"Padding","id":"padding","themeSpacing":{"default":{"base":{"top":"2","right":"2","bottom":"2","left":"2","linkVertical":true,"linkHorizontal":true}}}}]},{"title":"Images","icon":"photo","properties":[{"title":"Aspect Ratio","id":"aspectRatio","format":"aspect-[{{value}}]","responsive":false,"select":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"Square","value":"1/1"},{"title":"Landscape","value":"16/9"},{"title":"Portrait","value":"9/16"},{"title":"Custom","value":"custom"}]}},{"visible":"aspectRatio == 'custom'","title":"Custom","id":"customAspectRatio","format":"aspect-[{{value}}]","text":{"default":"5/7"}},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}}},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}}},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Pagination","icon":"rectangle.portrait.arrowtriangle.2.outward","properties":[{"title":"Arrows","heading":{}},{"title":"Enable","id":"enablePaginationArrows","responsive":false,"switch":{"default":true}},{"enable":"enablePaginationArrows == true","title":"Size","id":"paginationArrowSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"6"}}}},{"enable":"enablePaginationArrows == true","title":"Radius","id":"paginationArrowBorderRadius","themeBorderRadius":{"default":{"base":{"value":"full"}}}},{"enable":"enablePaginationArrows == true","title":"State","id":"paginationArrowState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Hover","value":"hover"}]}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'normal'","title":"Background","id":"paginationArrowBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'normal'","title":"Color","id":"paginationArrowColor","format":"text-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'hover'","title":"Background","id":"paginationArrowBgColorHover","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"enable":"enablePaginationArrows == true","visible":"paginationArrowState == 'hover'","title":"Color","id":"paginationArrowColorHover","format":"hover:text-{{value}}","themeColor":{"default":{"name":"surface","brightness":800}}},{"divider":{}},{"title":"Dots","heading":{}},{"title":"Enable","id":"enablePaginationDots","responsive":false,"switch":{"default":true}},{"enable":"enablePaginationDots == true","title":"Size","id":"paginationDotSize","format":"size-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"3"}}}},{"enable":"enablePaginationDots == true","title":"Spacing","id":"paginationDotGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"enable":"enablePaginationDots == true","title":"State","id":"paginationDotState","segmented":{"default":"normal","items":[{"title":"Normal","value":"normal"},{"title":"Active","value":"active"}]}},{"enable":"enablePaginationDots == true","visible":"paginationDotState == 'normal'","title":"Color","id":"paginationDotColor","format":"data-[active=false]:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":200}}},{"enable":"enablePaginationDots == true","visible":"paginationDotState == 'active'","title":"Active Color","id":"paginationDotColorActive","format":"data-[active=true]:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":600}}}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.list/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.list/hooks.js index 2384308..a013008 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.list/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.list/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a;const{globalID,numberOfItems,listType,listStyleSize,listStyleType,listStylePosition,markerColor,itemGap,itemPadding}=rw.props,{mode}=rw.project,isListInside=listStylePosition==="list-inside",markerSizePx=((_a=listStyleSize==null?void 0:listStyleSize.match(/marker:text-\[(\d+)px\]/))==null?void 0:_a[1])||"16",{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),items=Array.from({length:numberOfItems},(_,index)=>({index:index+1,title:`Item ${index+1}`})),listClasses=classnames(["flex flex-col",itemGap,listStyleType,listStylePosition,markerColor,globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),itemClasses=classnames([itemPadding,listStyleSize,globalHeadingTextColor(rw),mode==="edit"?`[&>[data-slate-editor=true]]:align-top [&>[data-slate-editor=true]]:-translate-y-[2px]${isListInside?` [&>[data-slate-editor=true]]:w-[calc(100%-${markerSizePx}px)]`:""}`:"",mode==="edit"?classnames(globalTextFontsAndTextStyles(rw).split(" ").filter(Boolean)).modifier("[&_[data-slate-node]]").toString():globalTextFontsAndTextStyles(rw)]).toString(),classes={list:listClasses,item:itemClasses},tag=listType==="ol"?"ol":"ul";rw.setRootElement({as:tag,class:classes.list,args:{id:globalID}}),globalID&&globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,items,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{var _a;const{globalID,numberOfItems,listType,listStyleSize,listStyleType,listStylePosition,markerColor,itemGap,itemPadding}=rw.props,{mode}=rw.project,isListInside=listStylePosition==="list-inside",markerSizePx=((_a=listStyleSize==null?void 0:listStyleSize.match(/marker:text-\[(\d+)px\]/))==null?void 0:_a[1])||"16",{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),items=Array.from({length:numberOfItems},(_,index)=>({index:index+1,title:`Item ${index+1}`})),listClasses=classnames(["flex flex-col",itemGap,listStyleType,listStylePosition,markerColor,globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),itemClasses=classnames([itemPadding,listStyleSize,globalHeadingTextColor(rw),mode==="edit"?`[&>[data-slate-editor=true]]:align-top [&>[data-slate-editor=true]]:-translate-y-[2px]${isListInside?` [&>[data-slate-editor=true]]:w-[calc(100%-${markerSizePx}px)]`:""}`:"",mode==="edit"?classnames(globalTextFontsAndTextStyles(rw).split(" ").filter(Boolean)).modifier("[&_[data-slate-node]]").toString():globalTextFontsAndTextStyles(rw)]).toString(),classes={list:listClasses,item:itemClasses},tag=listType==="ol"?"ol":"ul";rw.setRootElement({as:tag,class:classes.list,args:{id:globalID}}),globalID&&globalID.length>0&&rw.addAnchor(globalID),rw.setProps({classes,items,globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.list/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.list/properties.json index 78f666d..b07f36c 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.list/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.list/properties.json @@ -1 +1 @@ -{"groups":[{"title":"List","icon":"list.bullet","properties":[{"title":"Type","id":"listType","responsive":false,"segmented":{"default":"ul","items":[{"title":"Unordered","value":"ul"},{"title":"Ordered","value":"ol"}]}},{"title":"Items","id":"numberOfItems","number":{"default":3}},{"divider":{}},{"heading":{},"title":"List Style"},{"title":"Type","id":"listStyleType","select":{"default":"list-disc","items":[{"title":"None","value":"list-none"},{"title":"Disc","value":"list-disc"},{"title":"Decimal","value":"list-decimal"},{"title":"Circle","value":"[list-style-type:circle]"},{"title":"Square","value":"[list-style-type:square]"},{"title":"Lower Alpha","value":"[list-style-type:lower-alpha]"},{"title":"Upper Alpha","value":"[list-style-type:upper-alpha]"},{"title":"Lower Roman","value":"[list-style-type:lower-roman]"},{"title":"Upper Roman","value":"[list-style-type:upper-roman]"}]}},{"title":"Size","id":"listStyleSize","format":"marker:text-[{{value}}px]","number":{"default":16,"subtitle":"in pixels"}},{"title":"Position","id":"listStylePosition","segmented":{"default":"list-outside","items":[{"title":"Inside","value":"list-inside"},{"title":"Outside","value":"list-outside"}]}},{"title":"Marker Color","id":"markerColor","format":"marker:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"divider":{}},{"heading":{},"title":"Items"},{"title":"Gap","id":"itemGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Padding","id":"itemPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}}}]},{"title":"Item Text","icon":"textformat.alt","properties":[{"title":"Color","id":"globalTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":100}}},{"title":"Opacity","id":"globalTextColorOpacity","responsive":false,"format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Font","id":"globalTextFontFamily","themeFont":{"default":{"base":{"name":"body"}}}},{"title":"Size","id":"globalTextFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Weight","id":"globalTextFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalTextLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalTextLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"divider":{}},{"title":"Italic","id":"globalTextItalic","switch":{"falseValue":"not-italic","trueValue":"italic","default":false}},{"title":"Text Shadow","id":"globalTextTextShadow","disabled":{"id":"globalTextTextShadow","value":"image"},"themeShadow":{"mode":"text","default":{"name":"none"}}},{"title":"Case","id":"globalTextTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"},{"title":"Small Caps","value":"[font-variant-caps:small-caps]"}]}},{"title":"Whitespace","id":"globalTextWhiteSpace","format":"whitespace-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"normal","title":"Normal"},{"value":"nowrap","title":"Nowrap"},{"value":"pre","title":"Pre"},{"value":"pre-line","title":"Pre Line"},{"value":"pre-wrap","title":"Pre Wrap"},{"value":"break-spaces","title":"Break Spaces"}]}},{"divider":{}},{"title":"Underline","id":"globalTextTextDecoration","select":{"default":"no-underline","items":[{"value":"no-underline","title":"No Underline"},{"value":"underline","title":"Underline"},{"value":"overline","title":"Overline"},{"value":"line-through","title":"Line Through"}]}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Style","id":"globalTextTextDecorationStyle","format":"decoration-{{value}}","select":{"default":"solid","items":[{"value":"solid","title":"Solid"},{"value":"double","title":"Double"},{"value":"dotted","title":"Dotted"},{"value":"dashed","title":"Dashed"},{"value":"wavy","title":"Wavy"}]}},{"visible":"globalTextTextDecoration == 'underline'","title":"Offset","id":"globalTextTextDecorationOffset","format":"underline-offset-[{{value}}px]","slider":{"default":1,"min":0,"max":30,"round":true,"snap":true,"units":"px"}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Color","id":"globalTextTextDecorationColor","format":"decoration-{{value}}","themeColor":{"default":{"name":"text","brightness":100}}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Opacity","id":"globalTextTextDecorationOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"square.resize","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Border","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"List","icon":"list.bullet","properties":[{"title":"Type","id":"listType","responsive":false,"segmented":{"default":"ul","items":[{"title":"Unordered","value":"ul"},{"title":"Ordered","value":"ol"}]}},{"title":"Items","id":"numberOfItems","number":{"default":3}},{"divider":{}},{"heading":{},"title":"List Style"},{"title":"Type","id":"listStyleType","select":{"default":"list-disc","items":[{"title":"None","value":"list-none"},{"title":"Disc","value":"list-disc"},{"title":"Decimal","value":"list-decimal"},{"title":"Circle","value":"[list-style-type:circle]"},{"title":"Square","value":"[list-style-type:square]"},{"title":"Lower Alpha","value":"[list-style-type:lower-alpha]"},{"title":"Upper Alpha","value":"[list-style-type:upper-alpha]"},{"title":"Lower Roman","value":"[list-style-type:lower-roman]"},{"title":"Upper Roman","value":"[list-style-type:upper-roman]"}]}},{"title":"Size","id":"listStyleSize","format":"marker:text-[{{value}}px]","number":{"default":16,"subtitle":"in pixels"}},{"title":"Position","id":"listStylePosition","segmented":{"default":"list-outside","items":[{"title":"Inside","value":"list-inside"},{"title":"Outside","value":"list-outside"}]}},{"title":"Marker Color","id":"markerColor","format":"marker:text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"divider":{}},{"heading":{},"title":"Items"},{"title":"Gap","id":"itemGap","format":"gap-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"2"}}}},{"title":"Padding","id":"itemPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}}}]},{"title":"Item Text","icon":"textformat.alt","properties":[{"title":"Color","id":"globalTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":100}}},{"title":"Opacity","id":"globalTextColorOpacity","responsive":false,"format":"text-opacity-[{{value}}%] dark:text-opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Font","id":"globalTextFontFamily","themeFont":{"default":{"base":{"name":"body"}}}},{"title":"Size","id":"globalTextFontSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Weight","id":"globalTextFontWeight","format":"font-[{{value}}]","slider":{"default":"400","items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"globalTextLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}},{"title":"Line Height","id":"globalTextLineHeight","format":"leading-{{value}}","slider":{"default":"normal","items":[{"value":"none","title":"None"},{"value":"tight","title":"Tight"},{"value":"snug","title":"Snug"},{"value":"normal","title":"Normal"},{"value":"relaxed","title":"Relaxed"},{"value":"loose","title":"Loose"}]}},{"divider":{}},{"title":"Italic","id":"globalTextItalic","switch":{"falseValue":"not-italic","trueValue":"italic","default":false}},{"title":"Text Shadow","id":"globalTextTextShadow","disabled":{"id":"globalTextTextShadow","value":"image"},"themeShadow":{"mode":"text","default":{"name":"none"}}},{"title":"Case","id":"globalTextTextTransform","select":{"default":"normal-case","items":[{"value":"normal-case","title":"None"},{"value":"uppercase","title":"Uppercase"},{"value":"lowercase","title":"Lowercase"},{"value":"capitalize","title":"Capitalize"},{"title":"Small Caps","value":"[font-variant-caps:small-caps]"}]}},{"title":"Whitespace","id":"globalTextWhiteSpace","format":"whitespace-{{value}}","select":{"default":"none","items":[{"value":"none","title":"None"},{"value":"normal","title":"Normal"},{"value":"nowrap","title":"Nowrap"},{"value":"pre","title":"Pre"},{"value":"pre-line","title":"Pre Line"},{"value":"pre-wrap","title":"Pre Wrap"},{"value":"break-spaces","title":"Break Spaces"}]}},{"divider":{}},{"title":"Underline","id":"globalTextTextDecoration","select":{"default":"no-underline","items":[{"value":"no-underline","title":"No Underline"},{"value":"underline","title":"Underline"},{"value":"overline","title":"Overline"},{"value":"line-through","title":"Line Through"}]}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Style","id":"globalTextTextDecorationStyle","format":"decoration-{{value}}","select":{"default":"solid","items":[{"value":"solid","title":"Solid"},{"value":"double","title":"Double"},{"value":"dotted","title":"Dotted"},{"value":"dashed","title":"Dashed"},{"value":"wavy","title":"Wavy"}]}},{"visible":"globalTextTextDecoration == 'underline'","title":"Offset","id":"globalTextTextDecorationOffset","format":"underline-offset-[{{value}}px]","slider":{"default":1,"min":0,"max":30,"round":true,"snap":true,"units":"px"}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Color","id":"globalTextTextDecorationColor","format":"decoration-{{value}}","themeColor":{"default":{"name":"text","brightness":100}}},{"visible":"globalTextTextDecoration != 'no-underline'","title":"Opacity","id":"globalTextTextDecorationOpacity","format":"[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"square.resize","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Color","id":"globalBoxShadowColor","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Color","id":"globalBoxShadowColorEnd","format":"shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Shadow Opacity","id":"globalBoxShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColor","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Color","id":"globalFiltersDropShadowColorEnd","format":"drop-shadow-{{value}}","themeColor":{"default":{"name":"surface","brightness":950}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Shadow Opacity","id":"globalFiltersDropShadowColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Border","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/hooks.js index 25371b8..004509f 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/hooks.js @@ -1 +1 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,tag,globalTypography}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes=classnames(["prose",globalTypography,globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),rootElementTag=typeof tag=="string"?tag:"div";rw.setRootElement({as:rootElementTag,class:classes,args:{id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalBoxShadowColor:boxShadowColor,globalBoxShadowColorOpacity:boxShadowColorOpacity,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalBoxShadowColorEnd:boxShadowColorEnd,globalBoxShadowColorOpacityEnd:boxShadowColorOpacityEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[],buildShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"";return type!="none"&&(classes.push(boxShadow,opacity),classes.push(buildShadowColorClasses(boxShadowColor,boxShadowColorOpacity))),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix)),wantsActive&&(classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,"data-[active=true]"))),wantsFocus&&(classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`),classes.push(buildShadowColorClasses(boxShadowColorEnd,boxShadowColorOpacityEnd,prefix.replace(/hover/g,"focus"))))),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersDropShadowColor:dropShadowColor,globalFiltersDropShadowColorOpacity:dropShadowColorOpacity,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersDropShadowColorEnd:dropShadowColorEnd,globalFiltersDropShadowColorOpacityEnd:dropShadowColorOpacityEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),buildDropShadowColorClasses=(color,colorOpacity,hoverPrefix)=>color?color.split(" ").filter(Boolean).map(c=>hoverPrefix?`${hoverPrefix}:${c.trim()}/${colorOpacity}`:`${c.trim()}/${colorOpacity}`).join(" "):"",classes=[wantsBlur?blur:"",brightness,dropShadow,buildDropShadowColorClasses(dropShadowColor,dropShadowColorOpacity),saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix),`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,"data-[active=true]"),`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,buildDropShadowColorClasses(dropShadowColorEnd,dropShadowColorOpacityEnd,prefix.replace(/hover/g,"focus")),`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,tag,globalTypography}=rw.props,{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}=globalBgImageFetchPriority(rw),classes=classnames(["prose",globalTypography,globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBackground(rw),globalBorders(rw),advancedClasses(rw)]).toString(),rootElementTag=typeof tag=="string"?tag:"div";rw.setRootElement({as:rootElementTag,class:classes,args:{id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/properties.json index cb4da64..b7d56cd 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.markdown/properties.json @@ -1 +1 @@ -{"groups":[{"title":"General","icon":"textformat","properties":[{"title":"Style","id":"globalTypography","themeTypography":{"default":{"base":{"name":"article"}}}},{"title":"Tag","id":"tag","responsive":false,"select":{"default":"article","items":[{"value":"article","title":"Article -
"},{"value":"section","title":"Section -
"},{"value":"aside","title":"Aside -
"},{"value":"span","title":"Span - "}]}}]},{"title":"Sizing","icon":"square.resize","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Background","icon":"paintpalette","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Border","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"},{"title":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{"groups":[{"title":"General","icon":"textformat","properties":[{"title":"Style","id":"globalTypography","themeTypography":{"default":{"base":{"name":"article"}}}},{"title":"Tag","id":"tag","responsive":false,"select":{"default":"article","items":[{"value":"article","title":"Article -
"},{"value":"section","title":"Section -
"},{"value":"aside","title":"Aside -