@gem-sdk/components 16.1.0-staging.1 → 17.0.0-dev.9

package/dist/esm/text/common/styles.js

@@ -1 +1 @@
-import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as a,getStyleShadow as n,makeLineClamp as d,getGlobalColorStyle as s,getGlobalColorStateStyle as h,composeTypographyStyle as p,getStyleBackgroundByDevice as y,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";import{getBackgroundTranslated as m}from"../../helpers.js";import{Text as S}from"../settings/configs/translate.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=({styles:f,setting:b,builderProps:w,pageContext:x,type:T="React"})=>{let k=b?.background;"Liquid"===T&&(k=m({background:k,uid:w?.uid,enableTranslate:!!S?.background?.id,pageContext:x,isTranslateVideo:!1}));let j=r(b?.globalSize),C=[f?.lineThrough&&"line-through",f?.typo?.attrs?.underline&&"underline"].filter(Boolean),v={...j?.width?.["--w"]?j.width:{"--w":"100%"},...e({tdc:o(f?.lineColor?.normal),tdt:g(f?.thickness)}),...l(f?.shapeBorder),...i(f?.shapeRounded),...a(f?.shapeBoxShadow,"box-shadow",f?.shapeBoxShadow),...n({value:f?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:f?.typo?.custom?.hasShadowText}),...t("ta",f?.textAlign),...t("line-clamp",d(f?.lineClamp,f?.hasLineClamp)),...f?.textColor?s(f.textColor):h("c",f?.color),...p(f?.typo,f?.typography),"word-break":"break-word",...y(k),...j.padding,...c(k,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...f?.opacityPrice&&{opacity:`${f?.opacityPrice}%`},...e({tdl:C.join(" ")})};return f?.enableHoverEffect?filterTruthyStyles(v):u(v)},getTextStyleInline=e=>{let t={...p(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};
+import{makeStyleResponsive as e,makeStyle as t,makeGlobalSize as o,getGradientBgrStyleByDevice as r,getStyleBackgroundByDevice as a,composeTypographyStyle as l,getGlobalColorStyle as i,getGlobalColorStateStyle as n,makeLineClamp as d,getStyleShadow as s,getResponsiveStyleShadowWithoutState as p,composeRadiusResponsive as c,composeBorderResponsive as h,getSingleColorVariable as u,filterHoverVariables as g}from"@gem-sdk/core";import{formatThickness as m}from"./helpers.js";import{getBackgroundTranslated as b}from"../../helpers.js";import{Text as w}from"../settings/configs/translate.js";function y(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let f=(o,r)=>{let a={...t({mr:o?.spacing,mb:o?.spacing}),...e("ta",o?.align),...r,"--dynamic-source-color":"#F4F4F4"};return y(a)},x=(t,o)=>{let{tagWidth:r}=o??{},a={...e("jc",t?.align),...r};return y(a)},k=({styles:f,setting:x,builderProps:k,pageContext:S,type:j="React"})=>{let C=x?.background;"Liquid"===j&&(C=b({background:C,uid:k?.uid,enableTranslate:!!w?.background?.id,pageContext:S,isTranslateVideo:!1}));let T=o(x?.globalSize),v=[f?.lineThrough&&"line-through",f?.typo?.attrs?.underline&&"underline"].filter(Boolean),B={...T?.width?.["--w"]?T.width:{"--w":"100%"},...t({tdc:u(f?.lineColor?.normal),tdt:m(f?.thickness)}),...h(f?.shapeBorder),...c(f?.shapeRounded),...p(f?.shapeBoxShadow,"box-shadow",f?.shapeBoxShadow),...s({value:f?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:f?.typo?.custom?.hasShadowText}),...e("ta",f?.textAlign),...e("line-clamp",d(f?.lineClamp,f?.hasLineClamp)),...f?.textColor?i(f.textColor):n("c",f?.color),...l(f?.typo,f?.typography),"word-break":"break-word",...a(C),...T.padding,...r(C,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...f?.opacityPrice&&{opacity:`${f?.opacityPrice}%`},...t({tdl:v.join(" ")})};return f?.enableHoverEffect?y(B):g(B)},S=e=>{let t={...l(e?.typo),"word-break":"break-word",overflow:"hidden"};return y(t)};export{x as getContainerStyle,f as getStyle,k as getTextStyle,S as getTextStyleInline};

package/dist/esm/text/components/Text.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as p,getContainerStyle as c,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as g}from"../common/classes.js";import{getDisplayText as y}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:x,style:h,setting:j,advanced:v,builderProps:D,className:T,children:N,disableEdit:k,pageContext:C,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=j??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...p(m,h)}),q=s({...c(m,j)}),w=s({...d({styles:m,setting:j,builderProps:D,pageContext:C??{}})}),z=a({...f({setting:j,advanced:v,builderProps:D})}),A=a({...u({setting:j})}),B=a({...g({styles:m,setting:j,className:T,isEdit:E||H,disableEdit:k})}),F=y({type:"React",styles:m,setting:j,builderProps:D,pageContext:C??{}}),G=l(F);return e("div",{...M,...S,...x,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:G}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as p,getContainerStyle as c,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as g}from"../common/classes.js";import{getDisplayText as y}from"../common/helpers.js";let h=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:N,children:T,disableEdit:k,pageContext:C,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...p(m,j)}),q=s({...c(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D,pageContext:C??{}})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...g({styles:m,setting:v,className:N,isEdit:E||H,disableEdit:k})}),F=y({type:"React",styles:m,setting:v,builderProps:D,pageContext:C??{}}),G=l(F);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:G}})}),T]})});export{h as default};

package/dist/esm/text/components/Text.liquid.js

@@ -1,17 +1,17 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as e,createClass as s,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as n}from"../common/styles.js";import{getClasses as a,getTextClasses as d}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:g,builderAttrs:u,style:f,setting:x,advanced:y,builderProps:j,className:v,isText:q,pageContext:T,translateSetting:h,elementAttrs:k})=>{let{htmlTag:C="div",excludeFlex:L}=x??{},I=o({...$&&{id:$},...r({uid:j?.uidInteraction??j?.uid??""}),...u}),O=o({...m(),...k}),_=e({...l(g,f)}),b=e({...p(g,x)}),w=e({...n({styles:g,setting:x,builderProps:j,pageContext:T??{},type:"Liquid"})}),z=s({...a({setting:x,advanced:y,builderProps:j})}),A=s({"gp-flex":!L}),B=s({...d({styles:g,setting:x,className:v}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:g,setting:x,builderProps:j,pageContext:T??{},translateSetting:h}),E=i(D);return t`
+import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as e,createClass as s,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as n}from"../common/styles.js";import{getClasses as a,getTextClasses as d}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let $=({id:$,styles:g,builderAttrs:u,style:f,setting:y,advanced:x,builderProps:j,className:v,isText:q,pageContext:h,translateSetting:k,elementAttrs:C})=>{let{htmlTag:L="div",excludeFlex:T}=y??{},I=o({...$&&{id:$},...r({uid:j?.uidInteraction??j?.uid??""}),...u}),O=o({...m(),...C}),_=e({...l(g,f)}),b=e({...p(g,y)}),w=e({...n({styles:g,setting:y,builderProps:j,pageContext:h??{},type:"Liquid"})}),z=s({...a({setting:y,advanced:x,builderProps:j})}),A=s({"gp-flex":!T}),B=s({...d({styles:g,setting:y,className:v}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:g,setting:y,builderProps:j,pageContext:h??{},translateSetting:k}),E=i(D);return t`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <div ${{...I}}
         class="${z}"
         style="${_}"
       >
       <div class="${A}" style="${b}">
-        <${C}
+        <${L}
           ${{...O}}
           class="${B}"
           style="${w}"
         >
           ${E}
-        </${C}>
+        </${L}>
       </div>
     </div>
-    `};export{Text as default};
+    `};export{$ as default};

package/dist/esm/text/components/TextInline.js

@@ -1,10 +1,10 @@
-import{composeClasses as e,cls as t,composeTypographyClassName as s}from"@gem-sdk/core";import{createClass as r,createStyle as m}from"@gem-sdk/system";import{getTextStyleInline as o}from"../common/styles.js";let TextInline=({styles:n,setting:l,className:p,elementAttrs:a,...i})=>{let{text:c}=l??{},$=r({...e(t(p,s(n?.typo)))}),j=()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t};return`
+import{composeClasses as e,cls as t,composeTypographyClassName as s}from"@gem-sdk/core";import{createClass as r,createStyle as m}from"@gem-sdk/system";import{getTextStyleInline as o}from"../common/styles.js";let n=({styles:n,setting:l,className:p,elementAttrs:a,...c})=>{let{text:i}=l??{},$=r({...e(t(p,s(n?.typo)))});return`
     <span
       [object Object]
       class="${$}"
-      style="${j()}"
+      style="${(()=>{let e=m({...o(n)}),t=Object.entries(e).map(([e,t])=>`${e}:${t}`).join(";");return t})()}"
       element-attrs='${a?.debugText}'
     >
-      ${c}
+      ${i}
     </span>
-  `};export{TextInline as default};
+  `};export{n as default};

package/dist/esm/text/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Text.js";let textSetting={Text:t};export{textSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Text.js";let e={Text:t};export{e as textSetting};

package/dist/esm/text/next.js

@@ -1 +1 @@
-import t from"next/dynamic";import o from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Text=t(()=>import("./components/Text.js"),{loading:o});var text={Text};export{text as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/Text.js"),{loading:t});var r={Text:m};export{r as default};

package/dist/esm/text/settings/Text.js

@@ -1,5 +1,5 @@
-import{SettingUIV2 as e}from"./configs/ui-v2.js";import{TextSettings as t}from"./configs/settings.js";import{TextPreset as C}from"./configs/presets.js";let config={tag:"Text",label:"Text Block",icon:`
+import{SettingUIV2 as e}from"./configs/ui-v2.js";import{TextSettings as t}from"./configs/settings.js";import{TextPreset as C}from"./configs/presets.js";let i={tag:"Text",label:"Text Block",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
   </svg>
-  `,settings:t,ui:[],uiV2:e,advanced:{},presets:C,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:t,ui:[],uiV2:e,advanced:{},presets:C,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{i as default};

package/dist/esm/text/settings/configs/presets.js

@@ -1,3 +1,3 @@
-let TextPreset=[{id:"text",name:"Text Block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+let t=[{id:"text",name:"Text Block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
-        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];export{TextPreset};
+        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];export{t as TextPreset};

package/dist/esm/text/settings/configs/settings.js

@@ -1 +1 @@
-import{BackgroundSettingValidate as e}from"../../../validates/background.js";let TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translateSetting",type:"input",label:"Translate",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{TextSettings};
+import{BackgroundSettingValidate as e}from"../../../validates/background.js";let t=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translateSetting",type:"input",label:"Translate",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{t as TextSettings};

package/dist/esm/text/settings/configs/translate.js

@@ -1 +1 @@
-let Text={text:{id:"text"},background:{id:"background",fields:["image.src"]}};export{Text};
+let e={text:{id:"text"},background:{id:"background",fields:["image.src"]}};export{e as Text};

package/dist/esm/text/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};

package/dist/esm/textarea/components/Textarea.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{cls as t,makeStyleResponsive as r}from"@gem-sdk/core";let TextArea=({children:l,className:a,required:i,setting:o={},advanced:d,builderProps:s})=>{let{width:p,height:g,fontSize:b,align:x,disabled:c,placeholder:m}=o;return e("div",{"data-id":s?.uid,className:t({"gp-text-right":x?.desktop==="right","tablet:gp-text-right":x?.tablet==="right","mobile:gp-text-right":x?.mobile==="right","gp-text-left":x?.desktop==="left","tablet:gp-text-left":x?.tablet==="left","mobile:gp-text-left":x?.mobile==="left","gp-text-center":x?.desktop==="center","tablet:gp-text-center":x?.tablet==="center","mobile:gp-text-center":x?.mobile==="center"}),children:e("textarea",{className:t("border border-solid",a,d?.cssClass),style:{...r("w",p),...r("h",g),...r("size",b)},placeholder:m,disabled:c,required:i,children:l})})};TextArea.defaultProps={};export{TextArea as default};
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,cls as r}from"@gem-sdk/core";let l=({children:l,className:i,required:a,setting:o={},advanced:d,builderProps:s})=>{let{width:p,height:g,fontSize:b,align:c,disabled:m,placeholder:x}=o;return e("div",{"data-id":s?.uid,className:r({"gp-text-right":c?.desktop==="right","tablet:gp-text-right":c?.tablet==="right","mobile:gp-text-right":c?.mobile==="right","gp-text-left":c?.desktop==="left","tablet:gp-text-left":c?.tablet==="left","mobile:gp-text-left":c?.mobile==="left","gp-text-center":c?.desktop==="center","tablet:gp-text-center":c?.tablet==="center","mobile:gp-text-center":c?.mobile==="center"}),children:e("textarea",{className:r("border border-solid",i,d?.cssClass),style:{...t("w",p),...t("h",g),...t("size",b)},placeholder:x,disabled:m,required:a,children:l})})};l.defaultProps={};export{l as default};

package/dist/esm/textarea/index.js

@@ -1 +1 @@
-export{default as Textarea}from"./components/Textarea.js";import e from"./settings/Textarea.js";let textareaSetting={Textarea:e};export{textareaSetting};
+export{default as Textarea}from"./components/Textarea.js";import e from"./settings/Textarea.js";let t={Textarea:e};export{t as textareaSetting};

package/dist/esm/textarea/next.js

@@ -1 +1 @@
-import t from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Textarea=t(()=>import("./components/Textarea.js"),{loading:e});var textarea={Textarea};export{textarea as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let r=o(()=>import("./components/Textarea.js"),{loading:t});var e={Textarea:r};export{e as default};

package/dist/esm/textarea/settings/Textarea.js

@@ -1,7 +1,7 @@
-import{TextareaSettings as C}from"./configs/settings.js";let config={tag:"Textarea",label:"Textarea",icon:`
+import{TextareaSettings as C}from"./configs/settings.js";let t={tag:"Textarea",label:"Textarea",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M36.333 29.3333H32.833H3.66634V10.6666H36.333V29.3333ZM1.33301 31.1666C1.33301 31.4427 1.55687 31.6666 1.83301 31.6666H38.1663C38.4425 31.6666 38.6663 31.4427 38.6663 31.1666V8.83325C38.6663 8.55711 38.4425 8.33325 38.1663 8.33325H1.83301C1.55687 8.33325 1.33301 8.55711 1.33301 8.83325V31.1666Z" fill="currentColor"/>
     <path d="M17.6665 22.3183H13.9236L13.4221 23.7382C13.3515 23.938 13.1626 24.0716 12.9507 24.0716H11.6832C11.5094 24.0716 11.3886 23.8987 11.4484 23.7355L14.5843 15.1848C14.6565 14.9879 14.844 14.8569 15.0537 14.8569H16.5498C16.7596 14.8569 16.9471 14.9879 17.0193 15.1848L20.1551 23.7355C20.2149 23.8987 20.0942 24.0716 19.9204 24.0716H18.6394C18.4275 24.0716 18.2386 23.938 18.168 23.7382L17.6665 22.3183ZM17.1548 20.8419L15.795 16.9925L14.4352 20.8419H17.1548Z" fill="currentColor"/>
     <path d="M21.0568 20.3937C21.0568 19.6554 21.2049 19.0007 21.5011 18.4294C21.8063 17.8582 22.2147 17.4188 22.7263 17.1112C23.2469 16.8036 23.8258 16.6498 24.4631 16.6498C25.0195 16.6498 25.5042 16.7596 25.9171 16.9793C26.339 17.1991 26.6755 17.4759 26.9269 17.8099V17.2684C26.9269 16.9923 27.1507 16.7684 27.4269 16.7684H28.3252C28.6013 16.7684 28.8252 16.9923 28.8252 17.2684V23.5716C28.8252 23.8478 28.6013 24.0716 28.3252 24.0716H27.4269C27.1507 24.0716 26.9269 23.8478 26.9269 23.5716V23.0038C26.6845 23.3466 26.3479 23.6322 25.9171 23.8607C25.4953 24.0804 25.0061 24.1903 24.4496 24.1903C23.8213 24.1903 23.2469 24.0321 22.7263 23.7157C22.2147 23.3993 21.8063 22.9555 21.5011 22.3842C21.2049 21.8042 21.0568 21.1407 21.0568 20.3937ZM26.9269 20.42C26.9269 19.9718 26.8371 19.5895 26.6576 19.2731C26.4781 18.948 26.2357 18.7019 25.9306 18.5349C25.6254 18.3591 25.2978 18.2712 24.9477 18.2712C24.5977 18.2712 24.2746 18.3547 23.9784 18.5217C23.6822 18.6887 23.4398 18.9348 23.2513 19.2599C23.0718 19.5763 22.9821 19.9542 22.9821 20.3937C22.9821 20.8331 23.0718 21.2198 23.2513 21.5537C23.4398 21.8789 23.6822 22.1294 23.9784 22.3051C24.2835 22.4809 24.6067 22.5688 24.9477 22.5688C25.2978 22.5688 25.6254 22.4853 25.9306 22.3183C26.2357 22.1426 26.4781 21.8965 26.6576 21.5801C26.8371 21.2549 26.9269 20.8682 26.9269 20.42Z" fill="currentColor"/>
   </svg>
-  `,settings:C};export{config as default};
+  `,settings:C};export{t as default};

package/dist/esm/textarea/settings/configs/settings.js

@@ -1 +1 @@
-let TextareaSettings=[{id:"setting",controls:[{id:"width",type:"input:unit",units:["px","em","rem","%"],label:"Width of textarea",devices:{desktop:{default:"100%"}}},{id:"height",type:"input:unit",units:["px","em","rem","%"],label:"Height of textarea",devices:{desktop:{default:"200px"}}},{id:"placeholder",type:"input",label:"Placeholder",default:"Enter your text data"},{id:"disabled",type:"toggle",label:"Disabled",default:!1},{id:"fontSize",type:"input:unit",units:["px","em","rem","%"],label:"Font Size",devices:{desktop:{default:"16px"}}},{id:"align",label:"Align",type:"select",options:[{label:"Left",value:"left",tooltip:"Align left"},{label:"Center",value:"center",tooltip:"Align center"},{label:"Right",value:"right",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{TextareaSettings};
+let e=[{id:"setting",controls:[{id:"width",type:"input:unit",units:["px","em","rem","%"],label:"Width of textarea",devices:{desktop:{default:"100%"}}},{id:"height",type:"input:unit",units:["px","em","rem","%"],label:"Height of textarea",devices:{desktop:{default:"200px"}}},{id:"placeholder",type:"input",label:"Placeholder",default:"Enter your text data"},{id:"disabled",type:"toggle",label:"Disabled",default:!1},{id:"fontSize",type:"input:unit",units:["px","em","rem","%"],label:"Font Size",devices:{desktop:{default:"16px"}}},{id:"align",label:"Align",type:"select",options:[{label:"Left",value:"left",tooltip:"Align left"},{label:"Center",value:"center",tooltip:"Align center"},{label:"Right",value:"right",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{e as TextareaSettings};

package/dist/esm/third-party/common/helpers.js

@@ -1,13 +1,13 @@
-import{template as e,makeStyleResponsive as t}from"@gem-sdk/core";let getYotpoFormCode=e=>{if(!e)return"";let t="";return e.replace(/data-yotpo-instance-id ?= ?"([^"]+)"/gi,r=>(t=(t=(t=(t=r).replace("data-yotpo-instance-id=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),t},getYotpoUri=e=>{if(!e)return"";let t="";return(e.replace(/src ?= ?"([^"]+)"/gi,r=>(t=(t=(t=(t=r).replace("src=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),t)?t:""},getLiquidForAppBlock=(r,p,o)=>e`
+import{makeStyleResponsive as e,template as r}from"@gem-sdk/core";let t=e=>{if(!e)return"";let r="";return e.replace(/data-yotpo-instance-id ?= ?"([^"]+)"/gi,t=>(r=(r=(r=(r=t).replace("data-yotpo-instance-id=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),r},p=e=>{if(!e)return"";let r="";return(e.replace(/src ?= ?"([^"]+)"/gi,t=>(r=(r=(r=(r=t).replace("src=","")).replace(/['"]+/g,"")).replace(/["']+/g,""),e)),r)?r:""},l=(t,p,l)=>r`
     {% assign app_blocks = section.blocks | where: "type", "@app" %}
     <div
-      class="gp-flex gp-w-full gp-items-center ${o}"
-      style="${{...t("jc",p)}}"
+      class="gp-flex gp-w-full gp-items-center ${l}"
+      style="${{...e("jc",p)}}"
     >
       {% for block in app_blocks %}
-        {% if block.type == '@app' and block.id contains '${r}' %}
+        {% if block.type == '@app' and block.id contains '${t}' %}
           {% render block %}
         {% endif %}
       {% endfor %}
     </div>
-  `,get3rdPartyInstallLink=({handle:e})=>`https://help.gempages.net/articles/${e}`;export{get3rdPartyInstallLink,getLiquidForAppBlock,getYotpoFormCode,getYotpoUri};
+  `,c=({handle:e})=>`https://help.gempages.net/articles/${e}`;export{c as get3rdPartyInstallLink,l as getLiquidForAppBlock,t as getYotpoFormCode,p as getYotpoUri};

package/dist/esm/third-party/components/AftershipEmailMarketingsms.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import s from"../configs/AftershipEmailMarketingsms.js";let AftershipEmailMarketingsmsContent=()=>r(i,{children:r("div",{className:"gp-p-2",children:r(t,{setting:{label:"AfterShip Email Marketing,SMS",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`}})})}),AftershipEmailMarketingsms=({setting:i})=>r("div",{style:{...e("ta",i?.align)},children:r(AftershipEmailMarketingsmsContent,{})});export{AftershipEmailMarketingsms as default};
+import{jsx as r,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import s from"../configs/AftershipEmailMarketingsms.js";let m=()=>r(i,{children:r("div",{className:"gp-p-2",children:r(t,{setting:{label:"AfterShip Email Marketing,SMS",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`}})})}),o=({setting:i})=>r("div",{style:{...e("ta",i?.align)},children:r(m,{})});export{o as default};

package/dist/esm/third-party/components/AftershipEmailMarketingsms.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as s}from"../common/helpers.js";let AftershipEmailMarketingsms=({setting:e,advanced:r})=>{let{align:t,appBlockId:l}=e??{};return s(l,t,`${r?.cssClass?r?.cssClass:""} !gp-block`)};export{AftershipEmailMarketingsms as default};
+import{getLiquidForAppBlock as s}from"../common/helpers.js";let e=({setting:e,advanced:l})=>{let{align:r,appBlockId:t}=e??{};return s(t,r,`${l?.cssClass?l?.cssClass:""} !gp-block`)};export{e as default};

package/dist/esm/third-party/components/AirProductReviewsAppUgc.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import{makeStyleResponsive as i}from"@gem-sdk/core";import o from"./ThirdPartyPreview.js";import p from"../configs/AirProductReviewsAppUgc.js";let AirProductReviewsAppUgcContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(o,{setting:{label:"Air: Product Reviews app & UGC",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${p.logoUrl}">`}})})}),AirProductReviewsAppUgc=({setting:e})=>r("div",{style:{...i("ta",e?.align)},children:r(AirProductReviewsAppUgcContent,{})});export{AirProductReviewsAppUgc as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{makeStyleResponsive as i}from"@gem-sdk/core";import o from"./ThirdPartyPreview.js";import p from"../configs/AirProductReviewsAppUgc.js";let t=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(o,{setting:{label:"Air: Product Reviews app & UGC",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${p.logoUrl}">`}})})}),s=({setting:e})=>r("div",{style:{...i("ta",e?.align)},children:r(t,{})});export{s as default};

package/dist/esm/third-party/components/AirProductReviewsAppUgc.liquid.js

@@ -1,8 +1,8 @@
-import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let AirProductReviewsAppUgc=({setting:r,advanced:s})=>{let{align:t,widgetType:v}=r??{};return e`
+import{makeStyleResponsive as e,template as i}from"@gem-sdk/core";let r=({setting:r,advanced:s})=>{let{align:t,widgetType:v}=r??{};return i`
     <div
       class="${s?.cssClass}"
-      style="${{...i("ta",t)}}"
+      style="${{...e("ta",t)}}"
     >
       <div class="AirReviews-Widget ${({review_box:"AirReviews-Widget--Block",star_rating:"AirReviews-Widget--Stars",review_carousel:"AirReviews-Widget--Carousel"})[v||"review_box"]}"></div>
     </div>
-  `};export{AirProductReviewsAppUgc as default};
+  `};export{r as default};

package/dist/esm/third-party/components/AliReviews/AliReviewsSampleContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"../ThirdPartyPreview.js";import t from"../../configs/AliReviews.js";let AliReviewsSampleContent=({setting:o})=>{let l=o?.sectionName,p=r(()=>l?`${t.label} - ${l}`:t.label,[l]);return e("div",{className:"gp-p-2",children:e(i,{setting:{label:p,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})};export{AliReviewsSampleContent as default};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"../ThirdPartyPreview.js";import o from"../../configs/AliReviews.js";let t=({setting:t})=>{let l=t?.sectionName,p=r(()=>l?`${o.label} - ${l}`:o.label,[l]);return e("div",{className:"gp-p-2",children:e(i,{setting:{label:p,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})};export{t as default};

package/dist/esm/third-party/components/AliReviews.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useEditorMode as i,makeStyleResponsive as t}from"@gem-sdk/core";import l from"next/dynamic";let AliReviewsSampleContent=l(()=>import("./AliReviews/AliReviewsSampleContent.js")),AliReviews=({setting:l})=>{let r=i();return e("div",{style:{...t("ta",l?.align)},children:"edit"===r&&e(AliReviewsSampleContent,{setting:l})})};export{AliReviews as default};
+import{jsx as e}from"react/jsx-runtime";import{useEditorMode as t,makeStyleResponsive as i}from"@gem-sdk/core";import r from"next/dynamic";let m=r(()=>import("./AliReviews/AliReviewsSampleContent.js")),l=({setting:r})=>{let l=t();return e("div",{style:{...i("ta",r?.align)},children:"edit"===l&&e(m,{setting:r})})};export{l as default};

package/dist/esm/third-party/components/AliReviews.liquid.js

@@ -1,7 +1,7 @@
-import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let AliReviews=({setting:s,advanced:d})=>{let{widgetType:a,align:r}=s??{};return e`
+import{makeStyleResponsive as e,template as i}from"@gem-sdk/core";let s=({setting:s,advanced:d})=>{let{widgetType:a,align:r}=s??{};return i`
     <div
       class="${d?.cssClass}"
-      style="${{...i("ta",r)}}"
+      style="${{...e("ta",r)}}"
     >
       {% assign widget = '${a}' %}
       {% case widget %}
@@ -11,4 +11,4 @@ import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let AliReviews
           <div class="alireviews-review-box"> </div
       {% endcase %}
     </div>
-  `};export{AliReviews as default};
+  `};export{s as default};

package/dist/esm/third-party/components/AlsoBoughtCbb.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import e from"./ThirdPartyPreview.js";import l from"../configs/AlsoBoughtCbb.js";let AlsoBoughtCbbContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(e,{setting:{label:"Also Bought • CBB",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${l.logoUrl}">`}})})}),AlsoBoughtCbb=({setting:r})=>o("div",{style:{...t("ta",r?.align)},children:o(AlsoBoughtCbbContent,{})});export{AlsoBoughtCbb as default};
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import t from"../configs/AlsoBoughtCbb.js";let l=()=>r(o,{children:r("div",{className:"gp-p-2",children:r(i,{setting:{label:"Also Bought • CBB",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})}),s=({setting:o})=>r("div",{style:{...e("ta",o?.align)},children:r(l,{})});export{s as default};

package/dist/esm/third-party/components/AlsoBoughtCbb.liquid.js

@@ -1,8 +1,8 @@
-import{template as s,makeStyleResponsive as t}from"@gem-sdk/core";let AlsoBoughtCbb=({setting:o,advanced:l})=>{let{align:e}=o??{};return s`
+import{makeStyleResponsive as s,template as t}from"@gem-sdk/core";let o=({setting:o,advanced:e})=>{let{align:l}=o??{};return t`
     <div
-      class="${l?.cssClass}"
-      style="${{...t("ta",e)}}"
+      class="${e?.cssClass}"
+      style="${{...s("ta",l)}}"
     >
       <div class="gp-integration-also-bought__position" />
     </div>
-  `};export{AlsoBoughtCbb as default};
+  `};export{o as default};

package/dist/esm/third-party/components/AovBundlesVolumeDiscounts.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import s from"./ThirdPartyPreview.js";import r from"../configs/AovBundlesVolumeDiscounts.js";let AovBundlesVolumeDiscounts=({setting:i})=>o("div",{style:{...e("ta",i?.align)},children:o("div",{className:"gp-p-2",children:o(s,{setting:{label:"AOV Bundles Volume Discounts",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${r.logoUrl}">`}})})});export{AovBundlesVolumeDiscounts as default};
+import{jsx as o}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import r from"./ThirdPartyPreview.js";import s from"../configs/AovBundlesVolumeDiscounts.js";let i=({setting:i})=>o("div",{style:{...e("ta",i?.align)},children:o("div",{className:"gp-p-2",children:o(r,{setting:{label:"AOV Bundles Volume Discounts",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${s.logoUrl}">`}})})});export{i as default};

package/dist/esm/third-party/components/AovBundlesVolumeDiscounts.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as o}from"../common/helpers.js";let AovBundlesVolumeDiscounts=({setting:s,advanced:e})=>{let{align:l,appBlockId:n}=s??{};return o(n,l,`${e?.cssClass??""} !gp-block [&_*]:gp-max-w-none`)};export{AovBundlesVolumeDiscounts as default};
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let o=({setting:o,advanced:s})=>{let{align:l,appBlockId:t}=o??{};return e(t,l,`${s?.cssClass??""} !gp-block [&_*]:gp-max-w-none`)};export{o as default};

package/dist/esm/third-party/components/AovFreeGiftBuyXGetYBogo.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import i from"../configs/AovFreeGiftBuyXGetYBogo.js";let AovFreeGiftBuyXGetYBogoContent=()=>e(o,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:"AOV Free Gift Buy X Get Y BOGO",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${i.logoUrl}">`}})})}),AovFreeGiftBuyXGetYBogo=({setting:o})=>e("div",{style:{...r("ta",o?.align)},children:e(AovFreeGiftBuyXGetYBogoContent,{})});export{AovFreeGiftBuyXGetYBogo as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as o}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import t from"../configs/AovFreeGiftBuyXGetYBogo.js";let g=()=>e(r,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:"AOV Free Gift Buy X Get Y BOGO",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})}),l=({setting:r})=>e("div",{style:{...o("ta",r?.align)},children:e(g,{})});export{l as default};

package/dist/esm/third-party/components/AovFreeGiftBuyXGetYBogo.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as e}from"../common/helpers.js";let AovFreeGiftBuyXGetYBogo=({setting:o,advanced:t})=>{let{align:r,appBlockId:s}=o??{};return e(s,r,`${t?.cssClass??""} !gp-block [&_*]:gp-max-w-none`)};export{AovFreeGiftBuyXGetYBogo as default};
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let o=({setting:o,advanced:t})=>{let{align:r,appBlockId:s}=o??{};return e(s,r,`${t?.cssClass??""} !gp-block [&_*]:gp-max-w-none`)};export{o as default};

package/dist/esm/third-party/components/AppointmentBookingCowlendar.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as n}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import r from"./ThirdPartyPreview.js";import t from"../configs/AppointmentBookingCowlendar.js";let AppointmentBookingCowlendarContent=()=>o(n,{children:o("div",{className:"gp-p-2",children:o(r,{setting:{label:"Appointment Booking Cowlendar",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})}),AppointmentBookingCowlendar=({setting:n})=>o("div",{style:{...e("ta",n?.align)},children:o(AppointmentBookingCowlendarContent,{})});export{AppointmentBookingCowlendar as default};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as e}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import n from"../configs/AppointmentBookingCowlendar.js";let t=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(i,{setting:{label:"Appointment Booking Cowlendar",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${n.logoUrl}">`}})})}),p=({setting:r})=>o("div",{style:{...e("ta",r?.align)},children:o(t,{})});export{p as default};

package/dist/esm/third-party/components/AppointmentBookingCowlendar.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as o}from"../common/helpers.js";let AppointmentBookingCowlendar=({setting:e,advanced:n})=>{let{align:t,appBlockId:r}=e??{};return o(r,t,n?.cssClass)};export{AppointmentBookingCowlendar as default};
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let o=({setting:o,advanced:t})=>{let{align:r,appBlockId:s}=o??{};return e(s,r,t?.cssClass)};export{o as default};

package/dist/esm/third-party/components/AppstleBundlesDiscounts.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as s,Fragment as e}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import l from"./ThirdPartyPreview.js";import n from"../configs/AppstleBundlesDiscounts.js";let AppstleBundlesDiscountsContent=()=>s(e,{children:s("div",{className:"gp-p-2",children:s(l,{setting:{label:"Appstle℠ Bundles & Discounts",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${n.logoUrl}">`}})})}),AppstleBundlesDiscounts=({setting:e})=>s("div",{style:{...t("ta",e?.align)},children:s(AppstleBundlesDiscountsContent,{})});export{AppstleBundlesDiscounts as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as s}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";import o from"../configs/AppstleBundlesDiscounts.js";let t=()=>e(r,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:"Appstle℠ Bundles & Discounts",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})}),l=({setting:r})=>e("div",{style:{...s("ta",r?.align)},children:e(t,{})});export{l as default};

package/dist/esm/third-party/components/AppstleBundlesDiscounts.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as s}from"../common/helpers.js";let AppstleBundlesDiscounts=({setting:e,advanced:t})=>{let{align:l,appBlockId:o}=e??{};return s(o,l,t?.cssClass)};export{AppstleBundlesDiscounts as default};
+import{getLiquidForAppBlock as s}from"../common/helpers.js";let e=({setting:e,advanced:t})=>{let{align:l,appBlockId:o}=e??{};return s(o,l,t?.cssClass)};export{e as default};

package/dist/esm/third-party/components/AppstleSubscriptions/AppstleSubscriptionsSampleContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import p from"../ThirdPartyPreview.js";import t from"../../configs/AppstleSubscriptions.js";let AppstleSubscriptionsSampleContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(p,{setting:{label:t.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})});export{AppstleSubscriptionsSampleContent as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import p from"../ThirdPartyPreview.js";import i from"../../configs/AppstleSubscriptions.js";let o=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(p,{setting:{label:i.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${i.logoUrl}">`}})})});export{o as default};

package/dist/esm/third-party/components/AppstleSubscriptions.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useEditorMode as e,makeStyleResponsive as p}from"@gem-sdk/core";import s from"next/dynamic";let AppstleSubscriptionsSampleContent=s(()=>import("./AppstleSubscriptions/AppstleSubscriptionsSampleContent.js")),AppstleSubscriptions=({setting:s})=>{let i=e();return t("div",{style:{...p("ta",s?.align)},children:"edit"===i&&t(AppstleSubscriptionsSampleContent,{setting:s})})};export{AppstleSubscriptions as default};
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as e,makeStyleResponsive as i}from"@gem-sdk/core";import r from"next/dynamic";let p=r(()=>import("./AppstleSubscriptions/AppstleSubscriptionsSampleContent.js")),s=({setting:r})=>{let s=e();return t("div",{style:{...i("ta",r?.align)},children:"edit"===s&&t(p,{setting:r})})};export{s as default};

package/dist/esm/third-party/components/AppstleSubscriptions.liquid.js

@@ -1,8 +1,8 @@
-import{template as s,makeStyleResponsive as t}from"@gem-sdk/core";let AppstleSubscriptions=({setting:e,advanced:a})=>{let{align:p}=e??{};return s`
+import{makeStyleResponsive as s,template as t}from"@gem-sdk/core";let a=({setting:a,advanced:e})=>{let{align:l}=a??{};return t`
     <div
-      class="${a?.cssClass}"
-      style="${{...t("ta",p)}}"
+      class="${e?.cssClass}"
+      style="${{...s("ta",l)}}"
     >
       <span class='appstle_stand_alone_selector' data-product-data='{{ product | json | escape }}' style="display:none;"></span>
     </div>
-  `};export{AppstleSubscriptions as default};
+  `};export{a as default};

package/dist/esm/third-party/components/BestBuyFulfillment.js

@@ -1 +1 @@
-import{jsx as e,Fragment as l}from"react/jsx-runtime";import{makeStyleResponsive as t}from"@gem-sdk/core";import i from"./ThirdPartyPreview.js";let AppConfig={id:"best-buy-fulfillment",label:"Best Buy Fulfillment",logoUrl:"https://cdn.shopify.com/app-store/listing_images/cff02298a65798558a8b2ec125eaa1e4/icon/CKzimdrIrIcDEAE=.png",tag:"BestBuyFulfillment"},BestBuyFulfillmentContent=()=>e(l,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:"Best Buy Fulfillment",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`}})})}),BestBuyFulfillment=({setting:l})=>e("div",{style:{...t("ta",l?.align)},children:e(BestBuyFulfillmentContent,{})});export{AppConfig,BestBuyFulfillment as default};
+import{jsx as e,Fragment as l}from"react/jsx-runtime";import{makeStyleResponsive as i}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";let r={id:"best-buy-fulfillment",label:"Best Buy Fulfillment",logoUrl:"https://cdn.shopify.com/app-store/listing_images/cff02298a65798558a8b2ec125eaa1e4/icon/CKzimdrIrIcDEAE=.png",tag:"BestBuyFulfillment"},o=()=>e(l,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:"Best Buy Fulfillment",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${r.logoUrl}">`}})})}),s=({setting:l})=>e("div",{style:{...i("ta",l?.align)},children:e(o,{})});export{r as AppConfig,s as default};

package/dist/esm/third-party/components/BestBuyFulfillment.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as e}from"../common/helpers.js";let BestBuyFulfillment=({setting:l,advanced:t})=>{let{align:s,appBlockId:m}=l??{};return e(m,s,t?.cssClass)};export{BestBuyFulfillment as default};
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let l=({setting:l,advanced:s})=>{let{align:t,appBlockId:r}=l??{};return e(r,t,s?.cssClass)};export{l as default};

package/dist/esm/third-party/components/BfSizeChartSizeGuide.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as i}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import t from"./ThirdPartyPreview.js";import o from"../configs/BfSizeChartSizeGuide.js";let BfSizeChartSizeGuideContent=()=>e(i,{children:e("div",{className:"gp-p-2",children:e(t,{setting:{label:"BF Size Chart & Size Guide",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})}),BfSizeChartSizeGuide=({setting:i})=>e("div",{style:{...r("ta",i?.align)},children:e(BfSizeChartSizeGuideContent,{})});export{BfSizeChartSizeGuide as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{makeStyleResponsive as i}from"@gem-sdk/core";import o from"./ThirdPartyPreview.js";import t from"../configs/BfSizeChartSizeGuide.js";let d=()=>e(r,{children:e("div",{className:"gp-p-2",children:e(o,{setting:{label:"BF Size Chart & Size Guide",iconSvg:`<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})}),a=({setting:r})=>e("div",{style:{...i("ta",r?.align)},children:e(d,{})});export{a as default};

package/dist/esm/third-party/components/BfSizeChartSizeGuide.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as e}from"../common/helpers.js";let BfSizeChartSizeGuide=({setting:r,advanced:t})=>{let{align:i,appBlockId:s}=r??{};return e(s,i,t?.cssClass)};export{BfSizeChartSizeGuide as default};
+import{getLiquidForAppBlock as e}from"../common/helpers.js";let r=({setting:r,advanced:s})=>{let{align:t,appBlockId:l}=r??{};return e(l,t,s?.cssClass)};export{r as default};

package/dist/esm/third-party/components/BirdChime/BirdChimeContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import i from"../ThirdPartyPreview.js";import o from"../../configs/BirdChime.js";let BirdChimeContent=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(i,{setting:{label:o.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})});export{BirdChimeContent as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import i from"../ThirdPartyPreview.js";import o from"../../configs/BirdChime.js";let t=()=>r(e,{children:r("div",{className:"gp-p-2",children:r(i,{setting:{label:o.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})});export{t as default};

package/dist/esm/third-party/components/BirdChime.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useEditorMode as i,makeStyleResponsive as t}from"@gem-sdk/core";import r from"next/dynamic";let BirdChimeContent=r(()=>import("./BirdChime/BirdChimeContent.js")),BirdChime=({setting:r})=>{let m=i();return e("div",{style:{...t("ta",r?.align)},children:"edit"===m&&e(BirdChimeContent,{setting:r})})};export{BirdChime as default};
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as e,makeStyleResponsive as i}from"@gem-sdk/core";import r from"next/dynamic";let m=r(()=>import("./BirdChime/BirdChimeContent.js")),o=({setting:r})=>{let o=e();return t("div",{style:{...i("ta",r?.align)},children:"edit"===o&&t(m,{setting:r})})};export{o as default};

package/dist/esm/third-party/components/BirdChime.liquid.js

@@ -1,8 +1,8 @@
-import{template as i,makeStyleResponsive as e}from"@gem-sdk/core";let BirdChime=({setting:d,advanced:r})=>{let{align:s}=d??{};return i`
+import{makeStyleResponsive as i,template as e}from"@gem-sdk/core";let s=({setting:s,advanced:d})=>{let{align:r}=s??{};return e`
     <div
-      class="${r?.cssClass} container-birdchime"
-      style="${{...e("ta",s)}}"
+      class="${d?.cssClass} container-birdchime"
+      style="${{...i("ta",r)}}"
     >
       <div id="birdchime-slots-box"></div>
     </div>
-  `};export{BirdChime as default};
+  `};export{s as default};

package/dist/esm/third-party/components/BloyRewardsProgramLoyalty.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{makeStyleResponsive as o}from"@gem-sdk/core";import a from"./ThirdPartyPreview.js";import e from"../configs/BloyRewardsProgramLoyalty.js";let BloyRewardsProgramLoyalty=({setting:l})=>r("div",{style:{...o("ta",l?.align)},children:r("div",{className:"gp-p-2",children:r(a,{setting:{label:"BLOY Rewards Program & Loyalty",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`}})})});export{BloyRewardsProgramLoyalty as default};
+import{jsx as r}from"react/jsx-runtime";import{makeStyleResponsive as o}from"@gem-sdk/core";import e from"./ThirdPartyPreview.js";import a from"../configs/BloyRewardsProgramLoyalty.js";let l=({setting:l})=>r("div",{style:{...o("ta",l?.align)},children:r("div",{className:"gp-p-2",children:r(e,{setting:{label:"BLOY Rewards Program & Loyalty",iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${a.logoUrl}">`}})})});export{l as default};

package/dist/esm/third-party/components/BloyRewardsProgramLoyalty.liquid.js

@@ -1 +1 @@
-import{getLiquidForAppBlock as r}from"../common/helpers.js";let BloyRewardsProgramLoyalty=({setting:o,advanced:a})=>{let{align:e,appBlockId:l}=o??{};return r(l,e,a?.cssClass)};export{BloyRewardsProgramLoyalty as default};
+import{getLiquidForAppBlock as r}from"../common/helpers.js";let e=({setting:e,advanced:o})=>{let{align:s,appBlockId:l}=e??{};return r(l,s,o?.cssClass)};export{e as default};

package/dist/esm/third-party/components/Bogos/BogosSampleContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import r from"../../configs/Bogos.js";import a from"../ThirdPartyPreview.js";let mapWidgetLabel={icon:"Gift icon",thumnail:"Gift thumbnail",slider:"Gift slider",message:"Cart message","classic-bundle":"Classic bundle","quantity-break":"Quantity break","mix-match":"Mix and match",fbt:"Frequently Bought Together"},BogosSampleContent=({setting:o})=>{let l=o?.widgetType&&mapWidgetLabel[o.widgetType],s=i(()=>l?`${r.label} - ${l}`:r.label,[l]);return e(t,{children:e("div",{className:"p-2",children:e(a,{setting:{label:s,iconSvg:`<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${r.logoUrl}">`}})})})};export{BogosSampleContent as default};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as r}from"react";import i from"../../configs/Bogos.js";import a from"../ThirdPartyPreview.js";let o={icon:"Gift icon",thumnail:"Gift thumbnail",slider:"Gift slider",message:"Cart message","classic-bundle":"Classic bundle","quantity-break":"Quantity break","mix-match":"Mix and match",fbt:"Frequently Bought Together"},l=({setting:l})=>{let s=l?.widgetType&&o[l.widgetType],n=r(()=>s?`${i.label} - ${s}`:i.label,[s]);return e(t,{children:e("div",{className:"p-2",children:e(a,{setting:{label:n,iconSvg:`<img class="gp-w-[24px] border border-[#494949] rounded-[3px]" src="${i.logoUrl}">`}})})})};export{l as default};

package/dist/esm/third-party/components/Bogos.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{useEditorMode as t,makeStyleResponsive as e}from"@gem-sdk/core";import r from"next/dynamic";let BogosSampleContent=r(()=>import("./Bogos/BogosSampleContent.js")),Bogos=({setting:r})=>{let m=t();return o("div",{style:{...e("ta",r?.align)},children:"edit"===m&&o(BogosSampleContent,{setting:r})})};export{Bogos as default};
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as e,makeStyleResponsive as o}from"@gem-sdk/core";import r from"next/dynamic";let i=r(()=>import("./Bogos/BogosSampleContent.js")),m=({setting:r})=>{let m=e();return t("div",{style:{...o("ta",r?.align)},children:"edit"===m&&t(i,{setting:r})})};export{m as default};

package/dist/esm/third-party/components/Bogos.liquid.js

@@ -1,7 +1,7 @@
-import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let Bogos=({setting:s,advanced:a})=>{let{widgetType:g,align:o}=s??{};return e`
+import{makeStyleResponsive as e,template as i}from"@gem-sdk/core";let s=({setting:s,advanced:a})=>{let{widgetType:g,align:o}=s??{};return i`
     <div
       class="${a?.cssClass}"
-      style="${{...i("ta",o)}}"
+      style="${{...e("ta",o)}}"
     >
     {% assign widget = '${g}' %}
     {% case widget %}
@@ -23,4 +23,4 @@ import{template as e,makeStyleResponsive as i}from"@gem-sdk/core";let Bogos=({se
         <div class="bogos-integration-page-builder-fbt-upsell"></div>
       {% endcase %}
     </div>
-  `};export{Bogos as default};
+  `};export{s as default};

package/dist/esm/third-party/components/BoldProductOptions/BoldProductOptionsSampleContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as r}from"react/jsx-runtime";import t from"../ThirdPartyPreview.js";import e from"../../configs/BoldProductOptions.js";let BoldProductOptionsSampleContent=()=>o(r,{children:o("div",{className:"gp-p-2",children:o(t,{setting:{label:e.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`}})})});export{BoldProductOptionsSampleContent as default};
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import e from"../ThirdPartyPreview.js";import t from"../../configs/BoldProductOptions.js";let i=()=>r(o,{children:r("div",{className:"gp-p-2",children:r(e,{setting:{label:t.label,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${t.logoUrl}">`}})})});export{i as default};

package/dist/esm/third-party/components/BoldProductOptions.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as e}from"@gem-sdk/core";import r from"next/dynamic";let BoldProductOptionsSampleContent=r(()=>import("./BoldProductOptions/BoldProductOptionsSampleContent.js")),BoldProductOptions=({setting:r})=>{let n=o();return t("div",{style:{...e("ta",r?.align)},children:"edit"===n&&t(BoldProductOptionsSampleContent,{setting:r})})};export{BoldProductOptions as default};
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as r}from"@gem-sdk/core";import e from"next/dynamic";let i=e(()=>import("./BoldProductOptions/BoldProductOptionsSampleContent.js")),d=({setting:e})=>{let d=o();return t("div",{style:{...r("ta",e?.align)},children:"edit"===d&&t(i,{setting:e})})};export{d as default};

package/dist/esm/third-party/components/BoldProductOptions.liquid.js

@@ -1,8 +1,8 @@
-import{template as d,makeStyleResponsive as t}from"@gem-sdk/core";let BoldProductOptions=({setting:o,advanced:s})=>{let{align:i}=o??{};return d`
+import{makeStyleResponsive as d,template as t}from"@gem-sdk/core";let s=({setting:s,advanced:o})=>{let{align:i}=s??{};return t`
     <div
-      class="${s?.cssClass}"
-      style="${{...t("ta",i)}}"
+      class="${o?.cssClass}"
+      style="${{...d("ta",i)}}"
     >
       <div class="bold_options" data-product-id="{{ product.id }}"></div>
     </div>
-  `};export{BoldProductOptions as default};
+  `};export{s as default};

package/dist/esm/third-party/components/BoldSubscriptions/BoldSubscriptionsSampleContent.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import i from"../ThirdPartyPreview.js";import o from"../../configs/BoldSubscription.js";import{useMemo as t}from"react";let mapWidgetLabel={v1:"Version 1","bsub-widget-block":"Version 2"},BoldSubscriptionsSampleContent=({setting:p})=>{let l=p?.widgetType&&mapWidgetLabel[p.widgetType],s=t(()=>l?`${o.label} - ${l}`:o.label,[l]);return e(r,{children:e("div",{className:"gp-p-2",children:e(i,{setting:{label:s,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`}})})})};export{BoldSubscriptionsSampleContent as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import o from"../ThirdPartyPreview.js";import i from"../../configs/BoldSubscription.js";import{useMemo as t}from"react";let p={v1:"Version 1","bsub-widget-block":"Version 2"},l=({setting:l})=>{let s=l?.widgetType&&p[l.widgetType],d=t(()=>s?`${i.label} - ${s}`:i.label,[s]);return r(e,{children:r("div",{className:"gp-p-2",children:r(o,{setting:{label:d,iconSvg:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${i.logoUrl}">`}})})})};export{l as default};

package/dist/esm/third-party/components/BoldSubscriptions.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useEditorMode as o,makeStyleResponsive as i}from"@gem-sdk/core";import e from"next/dynamic";let BoldSubscriptionsSampleContent=e(()=>import("./BoldSubscriptions/BoldSubscriptionsSampleContent.js")),BoldSubscriptions=({setting:e})=>{let r=o();return t("div",{style:{...i("ta",e?.align)},children:"edit"===r&&t(BoldSubscriptionsSampleContent,{setting:e})})};export{BoldSubscriptions as default};
+import{jsx as t}from"react/jsx-runtime";import{useEditorMode as i,makeStyleResponsive as r}from"@gem-sdk/core";import e from"next/dynamic";let o=e(()=>import("./BoldSubscriptions/BoldSubscriptionsSampleContent.js")),n=({setting:e})=>{let n=i();return t("div",{style:{...r("ta",e?.align)},children:"edit"===n&&t(o,{setting:e})})};export{n as default};

package/dist/esm/third-party/components/BoldSubscriptions.liquid.js

@@ -1,7 +1,7 @@
-import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";let BoldSubscriptions=({setting:t,advanced:i})=>{let{widgetType:s,align:n,appBlockId:o}=t??{};return e`
+import{makeStyleResponsive as e,template as r}from"@gem-sdk/core";let t=({setting:t,advanced:i})=>{let{widgetType:s,align:n,appBlockId:c}=t??{};return r`
     <div
       class="${i?.cssClass}"
-      style="${{...r("ta",n)}}"
+      style="${{...e("ta",n)}}"
     >
       {% assign widget = '${s}' %}
       {% if widget == 'v1' %}
@@ -9,7 +9,7 @@ import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";let BoldSubscr
       {% else %}
         {% assign app_blocks = section.blocks | where: "type", "@app" %}
         {% for block in app_blocks %}
-          {% if block.type == '@app' and block.id contains '${o}' %}
+          {% if block.type == '@app' and block.id contains '${c}' %}
             {% render block %}
           {% endif %}
         {% endfor %}
@@ -33,4 +33,4 @@ import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";let BoldSubscr
         </script>
       {% endif %}
     </div>
-  `};export{BoldSubscriptions as default};
+  `};export{t as default};