@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/cjs/form/components/form-checkbox/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),o=require("@gem-sdk/core"),t=require("../../../../image/common/helpers.js");const r=o=>e.filterTruthy(o);exports.composeContainerStyles=e=>r({...o.makeStyleResponsive("ta",e?.align)}),exports.composeFormCheckboxInputStyles=()=>r({appearance:"auto"}),exports.composeFormCheckboxStyles=(e,a,s)=>{let{typography:l,horizontalSpacing:p}=e??{},{wrapperBorder:d,borderRadius:i,shadow:n,globalSize:y}=a??{},c=o.composeTypographyStyle(e?.typo,l),m=o.makeGlobalSize(y);return r({...m?.width?.["--w"]?m.width:{"--w":"100%"},...c,...o.getStyleBackgroundByDevice(e?.background),...o.makeStyle({cg:p}),...o.getBorderStyle(d),...o.getBorderRadiusStyle(i),...t.overwriteDefaultRadius(s?.builderData?.advanced?.rounded),...o.getStyleShadow({value:n,styleAppliedFor:"box-shadow",isEnableShadow:n?.type!=="none"}),...m.padding})},exports.getComposedTextStyle=e=>{let{horizontalSpacing:t}=e??{};return r({...o.makeStyleResponsive("pl",t)})};
+"use strict";var helpers$1=require("../../../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../../image/common/helpers.js");const composeStyles=e=>helpers$1.filterTruthy(e),composeContainerStyles=e=>composeStyles({...core.makeStyleResponsive("ta",e?.align)}),composeFormCheckboxStyles=(e,o,t)=>{let{typography:r,horizontalSpacing:s}=e??{},{wrapperBorder:l,borderRadius:p,shadow:c,globalSize:m}=o??{},a=core.composeTypographyStyle(e?.typo,r),y=core.makeGlobalSize(m);return composeStyles({...y?.width?.["--w"]?y.width:{"--w":"100%"},...a,...core.getStyleBackgroundByDevice(e?.background),...core.makeStyle({cg:s}),...core.getBorderStyle(l),...core.getBorderRadiusStyle(p),...helpers.overwriteDefaultRadius(t?.builderData?.advanced?.rounded),...core.getStyleShadow({value:c,styleAppliedFor:"box-shadow",isEnableShadow:c?.type!=="none"}),...y.padding})},composeFormCheckboxInputStyles=()=>composeStyles({appearance:"auto"}),getComposedTextStyle=e=>{let{horizontalSpacing:o}=e??{};return composeStyles({...core.makeStyleResponsive("pl",o)})};exports.composeContainerStyles=composeContainerStyles,exports.composeFormCheckboxInputStyles=composeFormCheckboxInputStyles,exports.composeFormCheckboxStyles=composeFormCheckboxStyles,exports.getComposedTextStyle=getComposedTextStyle;

package/dist/cjs/form/components/form-dropdown/FormDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/styles.js"),r=require("./common/classes.js"),o=require("../../hooks/useGetColorContent.js");exports.default=({builderProps:l,builderAttrs:a,setting:n,advanced:c,children:i,styles:d})=>{let{name:u,childItem:m,required:p}=n??{},{handleOnChange:y,getTextColor:C}=o.useGetColorContent(n),j=s.createStyle(t.composeContainerStyles(c,n)),h=s.createStyle({...t.composeFormDropdownStyles(c,n,d),...C}),x=s.createStyle(t.getStyleOption(n)),f=s.createClass(r.composeContainerClasses(c,l)),q=s.createClass(r.composeFormDropdownClasses(n));return e.jsxs("div",{...a,"data-id":l?.uid,className:f,style:j,children:[e.jsxs("select",{className:q,style:h,required:p,name:u,onChange:y,children:[s.If(!Number(n?.defaultOption),e.jsx("option",{className:"gp-hidden",value:"",disabled:!0,selected:!0,children:n?.placeholder})),m?.map((s,t)=>e.jsx("option",{value:s,style:x,...!!Number(n?.defaultOption)&&{selected:s===m[Number(n?.defaultOption)-1]},children:s},t))]}),i]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),useGetColorContent=require("../../hooks/useGetColorContent.js");const FormDropdown=({builderProps:e,builderAttrs:s,setting:t,advanced:o,children:l,styles:r})=>{let{name:n,childItem:a,required:m}=t??{},{handleOnChange:i,getTextColor:c}=useGetColorContent.useGetColorContent(t),u=system.createStyle(styles.composeContainerStyles(o,t)),d=system.createStyle({...styles.composeFormDropdownStyles(o,t,r),...c}),y=system.createStyle(styles.getStyleOption(t)),p=system.createClass(classes.composeContainerClasses(o,e)),C=system.createClass(classes.composeFormDropdownClasses(t));return jsxRuntime.jsxs("div",{...s,"data-id":e?.uid,className:p,style:u,children:[jsxRuntime.jsxs("select",{className:C,style:d,required:m,name:n,onChange:i,children:[system.If(!Number(t?.defaultOption),jsxRuntime.jsx("option",{className:"gp-hidden",value:"",disabled:!0,selected:!0,children:t?.placeholder})),a?.map((e,s)=>jsxRuntime.jsx("option",{value:e,style:y,...!!Number(t?.defaultOption)&&{selected:e===a[Number(t?.defaultOption)-1]},children:e},s))]}),l]})};exports.default=FormDropdown;

package/dist/cjs/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/styles.js"),o=require("./common/classes.js"),a=require("../../settings/form-dropdown/configs/translate.js");exports.default=({builderProps:l,setting:d,advanced:i,pageContext:p,styles:n})=>{let{name:c,childItem:m,required:u}=d??{},g=m?.map((e,t)=>s.getDynamicSourceLocales({val:e,uid:l?.uid,settingId:s.createSettingId({id:a.FormDropdown?.childItem?.id,index:t}),pageContext:p??{}})),f=t.createStyle(r.composeContainerStyles(i,d)),y=t.createStyle({...r.composeFormDropdownStyles(i,d,n),...r.getAppendTypoStyleFirstTime(d)}),$=t.createStyle(r.getStyleOption(d)),S=t.createClass(o.composeContainerClasses(i,l)),v=t.createClass(o.composeFormDropdownClasses(d));return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-dropdown/configs/translate.js");const FormDropdown=({builderProps:e,setting:s,advanced:t,pageContext:r,styles:o})=>{let{name:l,childItem:a,required:p}=s??{},d=a?.map((s,t)=>helpers.getDynamicSourceLocales({val:s,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormDropdown?.childItem?.id,index:t}),pageContext:r??{}})),c=system.createStyle(styles.composeContainerStyles(t,s)),i=system.createStyle({...styles.composeFormDropdownStyles(t,s,o),...styles.getAppendTypoStyleFirstTime(s)}),n=system.createStyle(styles.getStyleOption(s)),m=system.createClass(classes.composeContainerClasses(t,e)),y=system.createClass(classes.composeFormDropdownClasses(s));return core.template`
     <gp-form-dropdown
-      data-id="${l?.uid}"
-      class="${S}"
-      style="${f}"
+      data-id="${e?.uid}"
+      class="${m}"
+      style="${c}"
     >
       <select
         type="email"
-        class="${v}"
-        style="${y}"
-        ${t.If(u,"required")}
-        name="${c}"
-        gp-data='${JSON.stringify(d).replaceAll("'","&#039;")}'
+        class="${y}"
+        style="${i}"
+        ${system.If(p,"required")}
+        name="${l}"
+        gp-data='${JSON.stringify(s).replaceAll("'","&#039;")}'
       >
-        ${t.If(!Number(d?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
-            ${d?.placeholder}
+        ${system.If(!Number(s?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
+            ${s?.placeholder}
           </option>`)}
-        ${g?.map(s=>e.template`
+        ${d?.map(e=>core.template`
             <option
-              value="${s}"
-              style="${$}"
-              ${t.If(!!Number(d?.defaultOption),`selected: ${s===g[Number(d?.defaultOption)-1]}`)}
+              value="${e}"
+              style="${n}"
+              ${system.If(!!Number(s?.defaultOption),`selected: ${e===d[Number(s?.defaultOption)-1]}`)}
             >
-              ${s}
+              ${e}
             </option>`).join("")}
       </select>
     </gp-form-dropdown>
-    ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};
+    ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=FormDropdown;

package/dist/cjs/form/components/form-dropdown/common/classes.js

@@ -1 +1 @@
-"use strict";var s=require("../../../common/helpers.js"),e=require("@gem-sdk/core");const o=e=>s.filterTruthy(e);exports.composeContainerClasses=(s,e)=>o({[e?.uid]:!!e?.uid,[s?.cssClass]:!!s?.cssClass}),exports.composeFormDropdownClasses=s=>{let{typography:r}=s??{},t=e.composeTypographyClassName(s?.typo,r);return o({[t]:!!t,[`${e.genSizeClass(s?.size?.type)}`]:!!s?.size?.type,"gp-form-item !gp-outline-none ":!0})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeClasses=s=>helpers.filterTruthy(s),composeContainerClasses=(s,e)=>composeClasses({[e?.uid]:!!e?.uid,[s?.cssClass]:!!s?.cssClass}),composeFormDropdownClasses=s=>{let{typography:e}=s??{},o=core.composeTypographyClassName(s?.typo,e);return composeClasses({[o]:!!o,[`${core.genSizeClass(s?.size?.type)}`]:!!s?.size?.type,"gp-form-item !gp-outline-none ":!0})};exports.composeContainerClasses=composeContainerClasses,exports.composeFormDropdownClasses=composeFormDropdownClasses;

package/dist/cjs/form/components/form-dropdown/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),t=require("@gem-sdk/core");const o=t=>e.filterTruthy(t),r=e=>`url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031) ${e?.includes("linear-gradient")?","+e:""}`;exports.composeContainerStyles=(e,r)=>{let{pos:p,d:s,op:i,right:n,top:c,left:a,bottom:l,z:g,padding:y,margin:d}=e??{},u=e?.["spacing-setting"],m=t.composeAdvanceStyle({pos:p,d:s,op:i,right:n,top:c,left:a,bottom:l,z:g,margin:d,padding:y,"spacing-setting":u});return o({...m,...t.makeStyleResponsive("ta",r?.align)})},exports.composeFormDropdownStyles=(e,p,s)=>{let{border:i,rounded:n,hasBoxShadow:c,boxShadow:a}=e??{},{background:l,size:g}=p??{},{globalSize:y,backgroundColorV2Active:d}=s??{},u=t.composeAdvanceStyle({border:i,rounded:n,hasBoxShadow:c,boxShadow:a}),m=t.makeGlobalSize(y);return o({...m?.width?.["--w"]?m.width:{"--w":"100%"},...m?.height?.["--h"]?m.height:{"--h":"auto"},...m.padding,...u,...g?.type?{}:t.composeSize(g?.custom),appearance:"none",...t.getStyleBackgroundByDevice(l,{ignoreBackgroundImageProperties:!0}),"--bgi":r(l?.desktop?.color),"background-repeat":"no-repeat","background-position":"right 10px center, 0 0","--focus-bgi":r(d?.active)})},exports.getAppendTypoStyleFirstTime=e=>{let r=t.composeTypographyStyle(e?.typo,e?.typography);return o({...r,...!Number(e?.defaultOption)&&{"--c":e?.placeholderColor}})},exports.getStyleOption=e=>{let{typography:r,typo:p}=e??{},s=t.composeTypographyStyle(p,r);return o({...s})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>{let{pos:t,d:r,op:s,right:p,top:c,left:l,bottom:n,z:i,padding:g,margin:a}=e??{},y=e?.["spacing-setting"],m=core.composeAdvanceStyle({pos:t,d:r,op:s,right:p,top:c,left:l,bottom:n,z:i,margin:a,padding:g,"spacing-setting":y});return composeStyles({...m,...core.makeStyleResponsive("ta",o?.align)})},composeFormDropdownStyles=(e,o,t)=>{let{border:r,rounded:s,hasBoxShadow:p,boxShadow:c}=e??{},{background:l,size:n}=o??{},{globalSize:i,backgroundColorV2Active:g}=t??{},a=core.composeAdvanceStyle({border:r,rounded:s,hasBoxShadow:p,boxShadow:c}),y=core.makeGlobalSize(i);return composeStyles({...y?.width?.["--w"]?y.width:{"--w":"100%"},...y?.height?.["--h"]?y.height:{"--h":"auto"},...y.padding,...a,...n?.type?{}:core.composeSize(n?.custom),appearance:"none",...core.getStyleBackgroundByDevice(l,{ignoreBackgroundImageProperties:!0}),"--bgi":getBgImageUrl(l?.desktop?.color),"background-repeat":"no-repeat","background-position":"right 10px center, 0 0","--focus-bgi":getBgImageUrl(g?.active)})},getBgImageUrl=e=>`url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031) ${e?.includes("linear-gradient")?","+e:""}`,getAppendTypoStyleFirstTime=e=>{let o=core.composeTypographyStyle(e?.typo,e?.typography);return composeStyles({...o,...!Number(e?.defaultOption)&&{"--c":e?.placeholderColor}})},getStyleOption=e=>{let{typography:o,typo:t}=e??{},r=core.composeTypographyStyle(t,o);return composeStyles({...r})};exports.composeContainerStyles=composeContainerStyles,exports.composeFormDropdownStyles=composeFormDropdownStyles,exports.getAppendTypoStyleFirstTime=getAppendTypoStyleFirstTime,exports.getStyleOption=getStyleOption;

package/dist/cjs/form/components/form-email/FormEmail.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/styles.js"),a=require("./common/classes.js");exports.default=({builderProps:r,builderAttrs:l,setting:c,advanced:o,children:i,styles:m})=>{let{placeholder:n,required:u,title:p,showTitle:d}=c??{},y=s.createStyle(t.composeContainerStyles(c,o)),C=s.createStyle(t.composeInnerStyles(c,o,m)),j=s.createClass(a.composeContainerClasses({setting:c,advanced:o,builderProps:r,type:"react"})),x=s.createClass(a.composeInnerClasses(c,r)),q=s.createClass(a.getClassTitle());return e.jsxs("div",{...l,"data-id":r?.uid,className:j,style:y,children:[s.If(d,e.jsx("span",{className:q,children:p})),e.jsx("input",{type:"email",className:x,style:C,placeholder:n,name:"contact[email]",required:u,autoComplete:"email"}),i]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:a,children:l,styles:r})=>{let{placeholder:m,required:c,title:i,showTitle:o}=t??{},n=system.createStyle(styles.composeContainerStyles(t,a)),y=system.createStyle(styles.composeInnerStyles(t,a,r)),u=system.createClass(classes.composeContainerClasses({setting:t,advanced:a,builderProps:e,type:"react"})),p=system.createClass(classes.composeInnerClasses(t,e)),d=system.createClass(classes.getClassTitle());return jsxRuntime.jsxs("div",{...s,"data-id":e?.uid,className:u,style:n,children:[system.If(o,jsxRuntime.jsx("span",{className:d,children:i})),jsxRuntime.jsx("input",{type:"email",className:p,style:y,placeholder:m,name:"contact[email]",required:c,autoComplete:"email"}),l]})};exports.default=FormEmail;

package/dist/cjs/form/components/form-email/FormEmail.liquid.js

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),a=require("./common/styles.js"),l=require("./common/classes.js"),r=require("../../settings/form-email/configs/translate.js");exports.default=({builderProps:i,builderAttrs:o,setting:c,advanced:n,pageContext:m,styles:u})=>{let{placeholder:d,required:p,hideOnClient:$,defaultEmail:y,showTitle:g,title:C}=c??{},q=s.getDynamicSourceLocales({val:d,uid:i?.uid,settingId:s.createSettingId({id:r.FormEmail?.placeholder?.id}),pageContext:m??{}}),f=t.createStyle(a.composeContainerStyles(c,n)),I=t.createStyle(a.composeInnerStyles(c,n,u)),v=t.createClass(l.composeContainerClasses({setting:c,advanced:n,builderProps:i,type:"liquid"})),S=t.createClass(l.composeInnerClasses(c,i)),j=t.createClass(l.getClassTitle());return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-email/configs/translate.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:a,pageContext:l,styles:r})=>{let{placeholder:i,required:m,hideOnClient:c,defaultEmail:o,showTitle:n,title:y}=t??{},p=helpers.getDynamicSourceLocales({val:i,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormEmail?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(t,a)),d=system.createStyle(styles.composeInnerStyles(t,a,r)),$=system.createClass(classes.composeContainerClasses({setting:t,advanced:a,builderProps:e,type:"liquid"})),g=system.createClass(classes.composeInnerClasses(t,e)),C=system.createClass(classes.getClassTitle());return core.template`
     <div
-      ${{...o}}
-      data-id="${i?.uid}"
-      class="${v}"
-      style="${f}"
+      ${{...s}}
+      data-id="${e?.uid}"
+      class="${$}"
+      style="${u}"
     >
-      ${t.If(g,`<span className="${j}">${C}</span>`)}
+      ${system.If(n,`<span className="${C}">${y}</span>`)}
       <input
         type="email"
-        class="${S}"
-        style="${I}"
-        placeholder="${q}"
+        class="${g}"
+        style="${d}"
+        placeholder="${p}"
         name="${"contact[email]"}"
-        ${t.If(p,"required")}
+        ${system.If(m,"required")}
         autocomplete="email"
-        ${t.If($,`value="${y}"`)}
+        ${system.If(c,`value="${o}"`)}
       ></input>
     </div>
-  `};
+  `};exports.default=FormEmail;

package/dist/cjs/form/components/form-email/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),s=require("@gem-sdk/core");const t=s=>e.filterTruthy(s);exports.composeContainerClasses=({setting:e,advanced:s,builderProps:o,type:r})=>{let{hideOnClient:p}=e??{};return t({[o?.uid]:!!o?.uid,"!gp-hidden":p&&"liquid"===r,[s?.cssClass]:!!s?.cssClass,"flex flex-col":!0})},exports.composeInnerClasses=(e,o)=>{let{typography:r,size:p,hideOnClient:l}=e??{},{uid:i}=o??{},n=s.composeTypographyClassName(e?.typo,r);return t({"gp-form-item":!0,[n]:!!n,[s.genSizeClass(p?.type)]:!!p?.type,"!gp-outline-none !gp-bg-none":!0,"gp-opacity-50":l,[`email-form-${i}`]:!0})},exports.getClassTitle=()=>({"gp-text-16":!0,"gp-text-[#121212]":!0});
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeClasses=e=>helpers.filterTruthy(e),composeContainerClasses=({setting:e,advanced:s,builderProps:o,type:l})=>{let{hideOnClient:r}=e??{};return composeClasses({[o?.uid]:!!o?.uid,"!gp-hidden":r&&"liquid"===l,[s?.cssClass]:!!s?.cssClass,"flex flex-col":!0})},composeInnerClasses=(e,s)=>{let{typography:o,size:l,hideOnClient:r}=e??{},{uid:t}=s??{},p=core.composeTypographyClassName(e?.typo,o);return composeClasses({"gp-form-item":!0,[p]:!!p,[core.genSizeClass(l?.type)]:!!l?.type,"!gp-outline-none !gp-bg-none":!0,"gp-opacity-50":r,[`email-form-${t}`]:!0})},getClassTitle=()=>({"gp-text-16":!0,"gp-text-[#121212]":!0});exports.composeContainerClasses=composeContainerClasses,exports.composeInnerClasses=composeInnerClasses,exports.getClassTitle=getClassTitle;

package/dist/cjs/form/components/form-email/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),t=require("@gem-sdk/core");const o=t=>e.filterTruthy(t),r=({state:e,borderStyle:o,background:r,radius:a})=>{let{border:s,width:l,color:i}=o??{},c={hover:"hvr",focus:"focus"}[e];return{...l&&{[`--${c}-bw`]:`${l}`},...s&&{[`--${c}-b`]:`${s} ${t.getSingleColorVariable(i)}`},...r&&{[`--${c}-bgc`]:`${t.getSingleColorVariable(r)}`},...t.getCustomRadius(e,a)}};exports.composeContainerStyles=(e,r)=>{let{align:a}=e??{},{pos:s,d:l,op:i,right:c,top:d,left:h,bottom:g,z:n,margin:u,padding:y}=r??{},S=r?.["spacing-setting"],p=t.composeAdvanceStyle({pos:s,d:l,op:i,right:c,top:d,left:h,bottom:g,z:n,margin:u,padding:y,"spacing-setting":S});return o({...p,...t.makeStyleResponsive("ta",a)})},exports.composeInnerStyles=(e,a,s)=>{let{border:l,rounded:i,hasBoxShadow:c,boxShadow:d}=a??{},{wrapperBorder:h,borderRadius:g,globalSize:n,boxShadowEmailHover:u,boxShadowEmailActive:y,roundedEmailHover:S,textColorActive:p,roundedEmailActive:v,textColorHover:b,borderEmailHover:w,borderEmailActive:m,backgroundColorV2Active:$,backgroundColorV2Hover:f}=s??{},{typography:k,size:x,background:B}=e??{},A=t.composeAdvanceStyle({border:l,rounded:i,hasBoxShadow:c,boxShadow:d}),C=t.composeTypographyStyle(e?.typo,k),E=t.makeGlobalSize(n);return o({...E?.width?.["--w"]?E.width:{"--w":"auto"},...E?.height?.["--h"]?E.height:{"--h":"auto"},...E.padding,...C,...x?.type?{}:t.composeSize(x?.custom),...t.getBorderStyle(h),...t.getBorderRadiusStyle(g),...A,...t.getStyleShadow({value:d,styleAppliedFor:"box-shadow",isEnableShadow:c}),...t.getStyleBackgroundByDevice(B),...t.getGradientBgrStyleByDevice(B),...t.getStyleShadow({value:y?.active,state:"focus",styleAppliedFor:"box-shadow",isEnableShadow:!0}),...t.getStyleShadow({value:u?.hover,state:"hover",styleAppliedFor:"box-shadow",isEnableShadow:!0}),"--hvr-c":b?.hover??"","--focus-c":p?.active??"",...r({state:"hover",borderStyle:w?.hover,background:f?.hover,radius:S?.hover}),...r({state:"focus",borderStyle:m?.active,background:$?.active,radius:v?.active})})},exports.generateStylesTarget=r;
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>{let{align:t}=e??{},{pos:r,d:s,op:a,right:c,top:l,left:i,bottom:n,z:y,margin:S,padding:g}=o??{},p=o?.["spacing-setting"],h=core.composeAdvanceStyle({pos:r,d:s,op:a,right:c,top:l,left:i,bottom:n,z:y,margin:S,padding:g,"spacing-setting":p});return composeStyles({...h,...core.makeStyleResponsive("ta",t)})},composeInnerStyles=(e,o,t)=>{let{border:r,rounded:s,hasBoxShadow:a,boxShadow:c}=o??{},{wrapperBorder:l,borderRadius:i,globalSize:n,boxShadowEmailHover:y,boxShadowEmailActive:S,roundedEmailHover:g,textColorActive:p,roundedEmailActive:h,textColorHover:d,borderEmailHover:u,borderEmailActive:v,backgroundColorV2Active:m,backgroundColorV2Hover:b}=t??{},{typography:w,size:T,background:$}=e??{},f=core.composeAdvanceStyle({border:r,rounded:s,hasBoxShadow:a,boxShadow:c}),k=core.composeTypographyStyle(e?.typo,w),x=core.makeGlobalSize(n);return composeStyles({...x?.width?.["--w"]?x.width:{"--w":"auto"},...x?.height?.["--h"]?x.height:{"--h":"auto"},...x.padding,...k,...T?.type?{}:core.composeSize(T?.custom),...core.getBorderStyle(l),...core.getBorderRadiusStyle(i),...f,...core.getStyleShadow({value:c,styleAppliedFor:"box-shadow",isEnableShadow:a}),...core.getStyleBackgroundByDevice($),...core.getGradientBgrStyleByDevice($),...core.getStyleShadow({value:S?.active,state:"focus",styleAppliedFor:"box-shadow",isEnableShadow:!0}),...core.getStyleShadow({value:y?.hover,state:"hover",styleAppliedFor:"box-shadow",isEnableShadow:!0}),"--hvr-c":d?.hover??"","--focus-c":p?.active??"",...generateStylesTarget({state:"hover",borderStyle:u?.hover,background:b?.hover,radius:g?.hover}),...generateStylesTarget({state:"focus",borderStyle:v?.active,background:m?.active,radius:h?.active})})},generateStylesTarget=({state:e,borderStyle:o,background:t,radius:r})=>{let{border:s,width:a,color:c}=o??{},l={hover:"hvr",focus:"focus"}[e];return{...a&&{[`--${l}-bw`]:`${a}`},...s&&{[`--${l}-b`]:`${s} ${core.getSingleColorVariable(c)}`},...t&&{[`--${l}-bgc`]:`${core.getSingleColorVariable(t)}`},...core.getCustomRadius(e,r)}};exports.composeContainerStyles=composeContainerStyles,exports.composeInnerStyles=composeInnerStyles,exports.generateStylesTarget=generateStylesTarget;

package/dist/cjs/form/components/newsletter/Newsletter.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("../../../grid/components/ChildrenDroppable.js"),s=require("@gem-sdk/system"),o=require("../contact/common/styles.js"),a=require("./common/attrs.js"),i=require("../contact/common/classes.js");exports.default=({children:c,setting:n,styles:l,style:m,builderAttrs:u,builderProps:d})=>{let p=s.createStyle(o.composeContainerStyles(n,l,m)),j=s.createAttr({...a.composeContainerAttrs({uid:d?.uid||""},n)}),y=s.createClass(i.composeContainerClasses());return e.jsx("div",{className:y,...j,...u,style:p,children:r.isEmptyChildren(c)?e.jsx(t.default,{}):c})},exports.getAttr=({uid:e})=>({"data-id":e});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),styles=require("../contact/common/styles.js"),attrs=require("./common/attrs.js"),classes=require("../contact/common/classes.js");const getAttr=({uid:e})=>({"data-id":e}),Newsletter=({children:e,setting:s,styles:t,style:r,builderAttrs:o,builderProps:a})=>{let l=system.createStyle(styles.composeContainerStyles(s,t,r)),i=system.createAttr({...attrs.composeContainerAttrs({uid:a?.uid||""},s)}),c=system.createClass(classes.composeContainerClasses());return jsxRuntime.jsx("div",{className:c,...i,...o,style:l,children:core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):e})};exports.default=Newsletter,exports.getAttr=getAttr;

package/dist/cjs/form/components/newsletter/Newsletter.liquid.js

@@ -1,38 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("./common/attrs.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),c=require("../contact/common/styles.js"),l=require("../contact/common/classes.js"),i=require("../../settings/newsletter/configs/translate.js");exports.default=({builderProps:d,setting:m,children:n,style:g,formType:p,advanced:u,pageContext:f,styles:$})=>{let y=s.getDynamicSourceLocales({val:m?.errorMessage,uid:d?.uid,settingId:s.createSettingId({id:i.Newsletter?.errorMessage?.id}),pageContext:f??{},defaultVal:f?.isPreviewing?`Can’t send email. Please try again later.`:s.getStaticLocale("Newsletter","err_msg_default")}),v=s.getDynamicSourceLocales({val:m?.successMessage,uid:d?.uid,settingId:s.createSettingId({id:i.Newsletter?.successMessage?.id}),pageContext:f??{},defaultVal:f?.isPreviewing?"Thanks for subscribing":s.getStaticLocale("Newsletter","success_msg_default")}),S=t.composeContainerAttrs(d,m),C=t.composeAnchorAttrs(d,m),j=r.createClass(o.composeFormClasses()),_=r.createStyle(a.composeFormStyles("error",m)),q=r.createStyle(a.composeFormStyles("success",m)),A=t.composeFormAttrs(d,"error"),P=t.composeFormAttrs(d,"success"),k=t.composePopoverAttrs(d),w=a.popoverStyles(d),L=r.createStyle(c.composeContainerStyles(m,$,g)),b=r.createClass(l.composeContainerClasses());return e.template`
-    <div class="${b}" style="${L}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),attrs=require("./common/attrs.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),styles$1=require("../contact/common/styles.js"),classes$1=require("../contact/common/classes.js"),translate=require("../../settings/newsletter/configs/translate.js");const Newsletter=({builderProps:e,setting:s,children:t,style:r,formType:a,advanced:l,pageContext:o,styles:c})=>{let i=helpers.getDynamicSourceLocales({val:s?.errorMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.errorMessage?.id}),pageContext:o??{},defaultVal:o?.isPreviewing?`Can’t send email. Please try again later.`:helpers.getStaticLocale("Newsletter","err_msg_default")}),m=helpers.getDynamicSourceLocales({val:s?.successMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.successMessage?.id}),pageContext:o??{},defaultVal:o?.isPreviewing?"Thanks for subscribing":helpers.getStaticLocale("Newsletter","success_msg_default")}),n=attrs.composeContainerAttrs(e,s),d=attrs.composeAnchorAttrs(e,s),p=system.createClass(classes.composeFormClasses()),g=system.createStyle(styles.composeFormStyles("error",s)),y=system.createStyle(styles.composeFormStyles("success",s)),u=attrs.composeFormAttrs(e,"error"),$=attrs.composeFormAttrs(e,"success"),f=attrs.composePopoverAttrs(e),v=styles.popoverStyles(e),S=system.createStyle(styles$1.composeContainerStyles(s,c,r)),h=system.createClass(classes$1.composeContainerClasses());return core.template`
+    <div class="${h}" style="${S}">
       <gp-form
-        ${{...S}}
-        data-callback='${JSON.stringify(m?.callbackURL)}'
+        ${{...n}}
+        data-callback='${JSON.stringify(s?.callbackURL)}'
       >
         <a
-          ${{...C}}
+          ${{...d}}
         >
         </a>
-        {% form '${p||"customer"}', class: 'gp-form-${d?.uid} ${u?.cssClass}', id: 'contact_form_${d?.uid}' %}
+        {% form '${a||"customer"}', class: 'gp-form-${e?.uid} ${l?.cssClass}', id: 'contact_form_${e?.uid}' %}
           {% if form.errors %}
             <div
-              ${{...A}}
-              class="${j}"
-              style="${_}"
+              ${{...u}}
+              class="${p}"
+              style="${g}"
             >
-              ${y}
+              ${i}
             </div>
           {% endif %}
-          <div popover ${{...k}}>
+          <div popover ${{...f}}>
             <style>
-              ${w}
+              ${v}
             </style>
             <div
-              ${{...P}}
-              class="${j}"
-              style="${q}"
+              ${{...$}}
+              class="${p}"
+              style="${y}"
             >
-              ${v}
+              ${m}
             </div>
           </div>
-          ${n}
+          ${t}
         {% endform %}
       </gp-form>
     </div>
-    ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-form-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-form-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};
+    ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-form-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-form-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=Newsletter;

package/dist/cjs/form/components/newsletter/common/attrs.js

@@ -1 +1 @@
-"use strict";var r=require("../../../common/helpers.js"),t=require("../../../../helpers.js");const e=t=>r.filterTruthy(t);exports.composeAnchorAttrs=(r,o)=>{let{urlData:s}=t.getInsertLinkData("",o?.callbackURL);return e({hidden:!0,id:`gp-form-callback-${r?.uid}`,href:s?.href,target:s?.target})},exports.composeAttribute=e,exports.composeContainerAttrs=(r,t)=>e({"data-id":r?.uid,id:r?.uid,"data-submit-action":t?.afterSubmitAction}),exports.composeFormAttrs=(r,t)=>"success"===t?e({id:`gp-form-success-${r?.uid}`}):e({id:`gp-form-error-${r?.uid}`}),exports.composePopoverAttrs=r=>e({id:`my-popover-${r?.uid}`});
+"use strict";var helpers$1=require("../../../common/helpers.js"),helpers=require("../../../../helpers.js");const composeContainerAttrs=(t,e)=>composeAttribute({"data-id":t?.uid,id:t?.uid,"data-submit-action":e?.afterSubmitAction}),composeAnchorAttrs=(t,e)=>{let{urlData:o}=helpers.getInsertLinkData("",e?.callbackURL);return composeAttribute({hidden:!0,id:`gp-form-callback-${t?.uid}`,href:o?.href,target:o?.target})},composeFormAttrs=(t,e)=>"success"===e?composeAttribute({id:`gp-form-success-${t?.uid}`}):composeAttribute({id:`gp-form-error-${t?.uid}`}),composePopoverAttrs=t=>composeAttribute({id:`my-popover-${t?.uid}`}),composeAttribute=t=>helpers$1.filterTruthy(t);exports.composeAnchorAttrs=composeAnchorAttrs,exports.composeAttribute=composeAttribute,exports.composeContainerAttrs=composeContainerAttrs,exports.composeFormAttrs=composeFormAttrs,exports.composePopoverAttrs=composePopoverAttrs;

package/dist/cjs/form/components/newsletter/common/classes.js

@@ -1 +1 @@
-"use strict";var p=require("../../../common/helpers.js");const e=e=>p.filterTruthy(e);exports.composeFormClasses=()=>e({"gp-form-message gp-hidden gp-top-[27px] gp-fixed gp-rounded gp-p-[16px] gp-text-[14px] gp-leading-normal gp-z-[100]":!0});
+"use strict";var helpers=require("../../../common/helpers.js");const composeClasses=s=>helpers.filterTruthy(s),composeFormClasses=()=>composeClasses({"gp-form-message gp-hidden gp-top-[27px] gp-fixed gp-rounded gp-p-[16px] gp-text-[14px] gp-leading-normal gp-z-[100]":!0});exports.composeFormClasses=composeFormClasses;

package/dist/cjs/form/components/newsletter/common/styles.js

@@ -1,6 +1,6 @@
-"use strict";var o=require("../../../common/helpers.js");const r=r=>o.filterTruthy(r);exports.composeFormStyles=(o,t)=>{let{errorColor:e,successColor:s}=t??{};return"success"===o?r({"background-color":"#F2FFEC",left:"50%",transform:"translateX(-50%)",color:s}):r({"background-color":"#FFE9E9",left:"50%",transform:"translateX(-50%)",color:e})},exports.popoverStyles=o=>`
+"use strict";var helpers=require("../../../common/helpers.js");const composeStyles=o=>helpers.filterTruthy(o),composeFormStyles=(o,e)=>{let{errorColor:t,successColor:r}=e??{};return"success"===o?composeStyles({"background-color":"#F2FFEC",left:"50%",transform:"translateX(-50%)",color:r}):composeStyles({"background-color":"#FFE9E9",left:"50%",transform:"translateX(-50%)",color:t})},popoverStyles=o=>`
     #my-popover-${o?.uid}::backdrop {
       width: fit-content;
       height: fit-content;
     }
-  `;
+  `;exports.composeFormStyles=composeFormStyles,exports.popoverStyles=popoverStyles;

package/dist/cjs/form/components/submit-button/SubmitButton.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/components/Button.js"),r=require("./common/helpers.js"),s=require("@gem-sdk/system"),o=require("./common/styles.js");exports.default=({setting:u,builderProps:l,builderAttrs:n,style:i,styles:c,advanced:d,children:m})=>{let{...a}=c??{},p=r.composeSetting(u),y=s.createStyle(o.composeContainerStyles(c,i));return e.jsx(t.default,{builderProps:l,builderAttrs:n,advanced:d,setting:p,style:y,styles:a,children:m})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Button=require("../../../button/components/Button.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js");const SubmitButton=({setting:e,builderProps:t,builderAttrs:s,style:r,styles:u,advanced:o,children:n})=>{let{...l}=u??{},i=helpers.composeSetting(e),m=system.createStyle(styles.composeContainerStyles(u,r));return jsxRuntime.jsx(Button.default,{builderProps:t,builderAttrs:s,advanced:o,setting:i,style:m,styles:l,children:n})};exports.default=SubmitButton;

package/dist/cjs/form/components/submit-button/SubmitButton.liquid.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../button/components/Button.liquid.js"),s=require("./common/helpers.js"),r=require("./common/styles.js"),o=require("@gem-sdk/system"),i=require("../../settings/submit-button/configs/translate.js");exports.default=({setting:u,builderProps:l,builderAttrs:n,style:m,styles:a,advanced:c,pageContext:d})=>{let{...p}=a??{},b=s.composeSetting(u),y=o.createStyle(r.composeContainerStyles(a,m));return e.template`
-    ${t.default({translateSetting:i.SubmitButton?.label?.id,builderProps:l,builderAttrs:n,setting:b,style:y,styles:p,advanced:c,pageContext:d})}
-  `};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../../button/components/Button.liquid.js"),helpers=require("./common/helpers.js"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),translate=require("../../settings/submit-button/configs/translate.js");const SubmitButton=({setting:e,builderProps:t,builderAttrs:s,style:r,styles:o,advanced:u,pageContext:l})=>{let{...i}=o??{},n=helpers.composeSetting(e),m=system.createStyle(styles.composeContainerStyles(o,r));return core.template`
+    ${Button_liquid.default({translateSetting:translate.SubmitButton?.label?.id,builderProps:t,builderAttrs:s,setting:n,style:m,styles:i,advanced:u,pageContext:l})}
+  `};exports.default=SubmitButton;

package/dist/cjs/form/components/submit-button/common/helpers.js

@@ -1 +1 @@
-"use strict";exports.composeSetting=e=>{let{label:i,iconSvg:t,iconAlign:l,iconVisible:n,enableHoverEffect:o}=e??{};return{label:i,htmlType:"submit",iconAlign:l,iconSvg:t,iconVisible:n,enableHoverEffect:o}};
+"use strict";const composeSetting=t=>{let{label:e,iconSvg:i,iconAlign:o,iconVisible:n,enableHoverEffect:s}=t??{};return{label:e,htmlType:"submit",iconAlign:o,iconSvg:i,iconVisible:n,enableHoverEffect:s}};exports.composeSetting=composeSetting;

package/dist/cjs/form/components/submit-button/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),r=require("@gem-sdk/core");const s=r=>e.filterTruthy(r);exports.composeContainerStyles=(e,t)=>s({...t,...r.makeStyleResponsive("ta",e?.align)});
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>composeStyles({...o,...core.makeStyleResponsive("ta",e?.align)});exports.composeContainerStyles=composeContainerStyles;

package/dist/cjs/form/components/textarea/TextArea.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./common/styles.js"),t=require("@gem-sdk/system"),a=require("./common/classes.js");exports.default=({setting:r,builderProps:l,className:o,builderAttrs:c,advanced:i,children:m,styles:n})=>{let{text:u,name:d,placeholder:y,required:p}=r??{},x=t.createStyle(s.composeContainerStyles(i,r)),j=t.createStyle(s.composeTextareaStyles(i,r,n)),C=t.createClass(a.composeContainerClasses(i,l)),q=t.createClass(a.composeTextareaClasses(r,l,o??""));return e.jsxs("div",{...c,"data-id":l?.uid,className:C,style:x,children:[e.jsx("textarea",{className:q,placeholder:y,style:j,required:p,name:""===d||void 0===d?"contact[note]":d,value:u}),m]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),styles=require("./common/styles.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js");const FormTextArea=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,children:l,styles:o})=>{let{text:c,name:m,placeholder:i,required:y}=e??{},n=""===m||void 0===m?"contact[note]":m,u=system.createStyle(styles.composeContainerStyles(r,e)),x=system.createStyle(styles.composeTextareaStyles(r,e,o)),d=system.createClass(classes.composeContainerClasses(r,s)),j=system.createClass(classes.composeTextareaClasses(e,s,t??""));return jsxRuntime.jsxs("div",{...a,"data-id":s?.uid,className:d,style:u,children:[jsxRuntime.jsx("textarea",{className:j,placeholder:i,style:x,required:y,name:n,value:c}),l]})};exports.default=FormTextArea;

package/dist/cjs/form/components/textarea/TextArea.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),a=require("./common/styles.js"),r=require("./common/classes.js"),o=require("../../settings/form-textarea/configs/translate.js");exports.default=({setting:l,builderProps:c,className:i,builderAttrs:d,advanced:n,pageContext:u,styles:m})=>{let{text:p,name:y,placeholder:$,required:x}=l??{},g=t.getDynamicSourceLocales({val:$,uid:c?.uid,settingId:t.createSettingId({id:o.FormTextarea?.placeholder?.id}),pageContext:u??{}}),q=s.createStyle(a.composeContainerStyles(n,l)),v=s.createStyle(a.composeTextareaStyles(n,l,m)),C=s.createClass(r.composeContainerClasses(n,c)),S=s.createClass(r.composeTextareaClasses(l,c,i??""));return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-textarea/configs/translate.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:o})=>{let{text:c,name:i,placeholder:m,required:n}=e??{},d=""===i||void 0===i?"contact[note]":i,y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.FormTextarea?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createStyle(styles.composeTextareaStyles(r,e,o)),x=system.createClass(classes.composeContainerClasses(r,s)),$=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
     <div
-      ${d}
-      data-id="${c?.uid}"
-      class="${C}"
-      style="${q}"
+      ${a}
+      data-id="${s?.uid}"
+      class="${x}"
+      style="${u}"
     >
       <textarea
-        class="${S}"
-        style="${v}"
-        placeholder="${g}"
-        ${s.If(x,"required")}
-        name="${""===y||void 0===y?"contact[note]":y}"
-        value="${p}"
+        class="${$}"
+        style="${p}"
+        placeholder="${y}"
+        ${system.If(n,"required")}
+        name="${d}"
+        value="${c}"
       ></textarea>
     </div>
-  `};
+  `};exports.default=FormTextarea;

package/dist/cjs/form/components/textarea/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),s=require("@gem-sdk/core");const o=s=>e.filterTruthy(s);exports.composeContainerClasses=(e,s)=>o({[s?.uid]:!!s?.uid,[e?.cssClass]:!!e?.cssClass}),exports.composeTextareaClasses=(e,r,t)=>{let{typography:p}=e??{},a=s.composeTypographyClassName(e?.typo,p),i=s.getGlobalColorClass("text",e?.color);return o({[t]:!!t,[r?.uid]:!!r?.uid,[a]:!!a,[i]:!!i,[`${s.genSizeClass(e?.size?.type)}`]:!!e?.size?.type,"gp-form-item !gp-outline-none !gp-h-auto !gp-bg-none gp-min-h-[150px]":!0})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeClasses=e=>helpers.filterTruthy(e),composeContainerClasses=(e,s)=>composeClasses({[s?.uid]:!!s?.uid,[e?.cssClass]:!!e?.cssClass}),composeTextareaClasses=(e,s,o)=>{let{typography:r}=e??{},a=core.composeTypographyClassName(e?.typo,r),p=core.getGlobalColorClass("text",e?.color);return composeClasses({[o]:!!o,[s?.uid]:!!s?.uid,[a]:!!a,[p]:!!p,[`${core.genSizeClass(e?.size?.type)}`]:!!e?.size?.type,"gp-form-item !gp-outline-none !gp-h-auto !gp-bg-none gp-min-h-[150px]":!0})};exports.composeContainerClasses=composeContainerClasses,exports.composeTextareaClasses=composeTextareaClasses;

package/dist/cjs/form/components/textarea/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),t=require("@gem-sdk/core");const o=t=>e.filterTruthy(t);exports.composeContainerStyles=(e,l)=>{let{pos:s,d:r,op:a,right:i,top:p,left:c,bottom:n,z:y,padding:m,margin:S}=e??{},g=e?.["spacing-setting"],d=t.composeAdvanceStyle({pos:s,d:r,op:a,right:i,top:p,left:c,bottom:n,z:y,padding:m,margin:S,"spacing-setting":g});return o({...d,...t.makeStyleResponsive("ta",l?.align)})},exports.composeTextareaStyles=(e,l,s)=>{let{border:r,rounded:a,hasBoxShadow:i,boxShadow:p}=e??{},{typography:c}=l??{},{globalSize:n}=s??{},y=t.composeTypographyStyle(l?.typo,c),m=t.composeAdvanceStyle({border:r,rounded:a,hasBoxShadow:i,boxShadow:p}),S=t.makeGlobalSize(n);return o({...S?.width?.["--w"]?S.width:{},...S.padding,...t.getGlobalColorStyle(l?.color),...l?.size?.type?{}:t.composeSize(l?.size?.custom),...t.makeStyle({tt:l?.transform}),...y,...m,...t.makeStyle({bc:t.getSingleColorVariable(r?.color)}),...t.getStyleShadow({value:p,styleAppliedFor:"box-shadow",isEnableShadow:i})})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>{let{pos:t,d:r,op:s,right:l,top:c,left:a,bottom:p,z:i,padding:y,margin:m}=e??{},n=e?.["spacing-setting"],S=core.composeAdvanceStyle({pos:t,d:r,op:s,right:l,top:c,left:a,bottom:p,z:i,padding:y,margin:m,"spacing-setting":n});return composeStyles({...S,...core.makeStyleResponsive("ta",o?.align)})},composeTextareaStyles=(e,o,t)=>{let{border:r,rounded:s,hasBoxShadow:l,boxShadow:c}=e??{},{typography:a}=o??{},{globalSize:p}=t??{},i=core.composeTypographyStyle(o?.typo,a),y=core.composeAdvanceStyle({border:r,rounded:s,hasBoxShadow:l,boxShadow:c}),m=core.makeGlobalSize(p);return composeStyles({...m?.width?.["--w"]?m.width:{},...m.padding,...core.getGlobalColorStyle(o?.color),...o?.size?.type?{}:core.composeSize(o?.size?.custom),...core.makeStyle({tt:o?.transform}),...i,...y,...core.makeStyle({bc:core.getSingleColorVariable(r?.color)}),...core.getStyleShadow({value:c,styleAppliedFor:"box-shadow",isEnableShadow:l})})};exports.composeContainerStyles=composeContainerStyles,exports.composeTextareaStyles=composeTextareaStyles;

package/dist/cjs/form/components/textfield/TextField.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/styles.js"),r=require("./common/classes.js");exports.default=({setting:a,builderProps:l,className:o,builderAttrs:c,advanced:i,children:m,styles:n})=>{let{text:u,name:d,placeholder:y,required:p}=a??{},x=s.createStyle(t.composeContainerStyles(i,a)),j=s.createClass(r.composeContainerClasses(i,l)),C=s.createClass(r.composeTextFieldClasses(a,l,o??"")),q=s.createStyle(t.composeTextareaStyles(i,a,n));return e.jsxs("div",{...c,"data-id":l?.uid,className:j,style:x,children:[e.jsx("input",{type:"text",className:C,style:q,placeholder:y,required:p,name:""===d||void 0===d?"contact[first_name]":d,value:u}),m]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:a,children:r,styles:c})=>{let{text:i,name:m,placeholder:o,required:y}=e??{},n=""===m||void 0===m?"contact[first_name]":m,u=system.createStyle(styles.composeContainerStyles(a,e)),d=system.createClass(classes.composeContainerClasses(a,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),p=system.createStyle(styles.composeTextareaStyles(a,e,c));return jsxRuntime.jsxs("div",{...l,"data-id":s?.uid,className:d,style:u,children:[jsxRuntime.jsx("input",{type:"text",className:x,style:p,placeholder:o,required:y,name:n,value:i}),r]})};exports.default=TextField;

package/dist/cjs/form/components/textfield/TextField.liquid.js

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),l=require("../../settings/text-field/configs/translate.js");exports.default=({setting:i,builderProps:o,className:c,builderAttrs:d,advanced:n,pageContext:u,styles:m})=>{let{text:p,name:y,placeholder:$,required:g}=i??{},x=t.getDynamicSourceLocales({val:$,uid:o?.uid,settingId:t.createSettingId({id:l.TextField?.placeholder?.id}),pageContext:u??{}}),q=s.createStyle(r.composeContainerStyles(n,i)),v=s.createClass(a.composeContainerClasses(n,o)),C=s.createClass(a.composeTextFieldClasses(i,o,c??"")),f=s.createStyle(r.composeTextareaStyles(n,i,m));return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-field/configs/translate.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:r,pageContext:a,styles:i})=>{let{text:c,name:o,placeholder:d,required:n}=e??{},m=""===o||void 0===o?"contact[first_name]":o,y=helpers.getDynamicSourceLocales({val:d,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextField?.placeholder?.id}),pageContext:a??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),$=system.createStyle(styles.composeTextareaStyles(r,e,i));return core.template`
     <div
-      ${d}
-      data-id="${o?.uid}"
-      class="${v}"
-      style="${q}"
+      ${l}
+      data-id="${s?.uid}"
+      class="${p}"
+      style="${u}"
     >
       <input
         type="text"
-        class="${C}"
-        style="${f}"
-        placeholder="${x}"
-        ${s.If(g,"required")}
-        name="${""===y||void 0===y?"contact[first_name]":y}"
-        value="${p}"
+        class="${x}"
+        style="${$}"
+        placeholder="${y}"
+        ${system.If(n,"required")}
+        name="${m}"
+        value="${c}"
       ></input>
     </div>
-  `};
+  `};exports.default=TextField;

package/dist/cjs/form/components/textfield/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),s=require("@gem-sdk/core");const o=s=>e.filterTruthy(s);exports.composeContainerClasses=(e,s)=>o({[s?.uid]:!!s?.uid,[e?.cssClass]:!!e?.cssClass}),exports.composeTextFieldClasses=(e,t,r)=>{let{typography:i}=e??{},l=s.composeTypographyClassName(e?.typo,i),p=s.getGlobalColorClass("text",e?.color);return o({[r]:!!r,[t?.uid]:!!t?.uid,[l]:!!l,[p]:!!p,[`${s.genSizeClass(e?.size?.type)}`]:!!e?.size?.type,"gp-form-item !gp-outline-none !gp-bg-none !gp-bg-white":!0})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeClasses=e=>helpers.filterTruthy(e),composeContainerClasses=(e,s)=>composeClasses({[s?.uid]:!!s?.uid,[e?.cssClass]:!!e?.cssClass}),composeTextFieldClasses=(e,s,o)=>{let{typography:l}=e??{},r=core.composeTypographyClassName(e?.typo,l),p=core.getGlobalColorClass("text",e?.color);return composeClasses({[o]:!!o,[s?.uid]:!!s?.uid,[r]:!!r,[p]:!!p,[`${core.genSizeClass(e?.size?.type)}`]:!!e?.size?.type,"gp-form-item !gp-outline-none !gp-bg-none !gp-bg-white":!0})};exports.composeContainerClasses=composeContainerClasses,exports.composeTextFieldClasses=composeTextFieldClasses;

package/dist/cjs/form/components/textfield/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),t=require("@gem-sdk/core");const o=t=>e.filterTruthy(t);exports.composeContainerStyles=(e,l)=>{let{pos:s,d:a,op:r,right:i,top:p,left:c,bottom:n,z:y,padding:m,margin:S}=e??{},g=e?.["spacing-setting"],h=t.composeAdvanceStyle({pos:s,d:a,op:r,right:i,top:p,left:c,bottom:n,z:y,padding:m,margin:S,"spacing-setting":g});return o({...h,...t.makeStyleResponsive("ta",l?.align)})},exports.composeTextareaStyles=(e,l,s)=>{let{border:a,rounded:r,hasBoxShadow:i,boxShadow:p}=e??{},{typography:c}=l??{},{globalSize:n}=s??{},y=t.composeTypographyStyle(l?.typo,c),m=t.composeAdvanceStyle({border:a,rounded:r,hasBoxShadow:i,boxShadow:p}),S=t.makeGlobalSize(n);return o({...S?.width?.["--w"]?S.width:{"--w":"auto"},...S?.height?.["--h"]?S.height:{"--h":"auto"},...S.padding,...t.getGlobalColorStyle(l?.color),...l?.size?.type?{}:t.composeSize(l?.size?.custom),...t.makeStyle({tt:l?.transform}),...y,...m,...t.makeStyle({bc:t.getSingleColorVariable(a?.color)}),...t.getStyleShadow({value:p,styleAppliedFor:"box-shadow",isEnableShadow:i})})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>{let{pos:t,d:r,op:s,right:l,top:c,left:a,bottom:p,z:i,padding:y,margin:m}=e??{},n=e?.["spacing-setting"],S=core.composeAdvanceStyle({pos:t,d:r,op:s,right:l,top:c,left:a,bottom:p,z:i,padding:y,margin:m,"spacing-setting":n});return composeStyles({...S,...core.makeStyleResponsive("ta",o?.align)})},composeTextareaStyles=(e,o,t)=>{let{border:r,rounded:s,hasBoxShadow:l,boxShadow:c}=e??{},{typography:a}=o??{},{globalSize:p}=t??{},i=core.composeTypographyStyle(o?.typo,a),y=core.composeAdvanceStyle({border:r,rounded:s,hasBoxShadow:l,boxShadow:c}),m=core.makeGlobalSize(p);return composeStyles({...m?.width?.["--w"]?m.width:{"--w":"auto"},...m?.height?.["--h"]?m.height:{"--h":"auto"},...m.padding,...core.getGlobalColorStyle(o?.color),...o?.size?.type?{}:core.composeSize(o?.size?.custom),...core.makeStyle({tt:o?.transform}),...i,...y,...core.makeStyle({bc:core.getSingleColorVariable(r?.color)}),...core.getStyleShadow({value:c,styleAppliedFor:"box-shadow",isEnableShadow:l})})};exports.composeContainerStyles=composeContainerStyles,exports.composeTextareaStyles=composeTextareaStyles;

package/dist/cjs/form/components/textinput/TextInput.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/styles.js"),a=require("./common/classes.js");exports.default=({setting:r,builderProps:l,className:o,builderAttrs:c,advanced:i,children:d,styles:m})=>{let{text:n,name:u,placeholder:x,required:p,formType:y}=r??{},j=u?.[y??"text"]===""||void 0===u?"contact[first_name]":u?.[y??"text"],C=s.createStyle(t.composeContainerStyles(i,r)),v=s.createClass(a.composeContainerClasses(i,l)),q=s.createClass(a.composeTextFieldClasses(r,l,o??"")),f=s.createStyle(t.composeTextareaStyles(i,r,m)),h=s.createClass({composedTextFieldClasses:!0}),S=t.getRowsTextArea(r);return e.jsx("div",{...c,"data-id":l?.uid,className:v,style:C,children:e.jsxs("div",{children:[s.If("textarea"!==y,e.jsx("input",{type:y,className:q,style:f,placeholder:x,required:p,name:j,value:n}),e.jsx("textarea",{rows:S,className:h,placeholder:x,style:f,required:p,name:j,value:n})),d]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:l,children:r,styles:m})=>{let{text:c,name:i,placeholder:o,required:n,formType:u}=e??{},y=i?.[u??"text"]===""||void 0===i?"contact[first_name]":i?.[u??"text"],x=system.createStyle(styles.composeContainerStyles(l,e)),d=system.createClass(classes.composeContainerClasses(l,s)),p=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),j=system.createStyle(styles.composeTextareaStyles(l,e,m)),C=system.createClass({composedTextFieldClasses:!0}),v=styles.getRowsTextArea(e),q="textarea"===u;return jsxRuntime.jsx("div",{...a,"data-id":s?.uid,className:d,style:x,children:jsxRuntime.jsxs("div",{children:[system.If(!q,jsxRuntime.jsx("input",{type:u,className:p,style:j,placeholder:o,required:n,name:y,value:c}),jsxRuntime.jsx("textarea",{rows:v,className:C,placeholder:o,style:j,required:n,name:y,value:c})),r]})})};exports.default=TextInput;

package/dist/cjs/form/components/textinput/TextInput.liquid.js

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),a=require("./common/styles.js"),r=require("./common/classes.js"),l=require("../../settings/text-input/configs/translate.js");exports.default=({setting:i,builderProps:o,className:c,builderAttrs:d,advanced:n,pageContext:u,styles:p})=>{let{text:m,name:$,placeholder:x,required:y,formType:v}=i??{},g=$?.[v??"text"]===""||void 0===$?"contact[first_name]":$?.[v??"text"],C=t.getDynamicSourceLocales({val:x,uid:o?.uid,settingId:t.createSettingId({id:l.TextInput?.placeholder?.id}),pageContext:u??{}}),q=s.createStyle(a.composeContainerStyles(n,i)),f=s.createClass(r.composeContainerClasses(n,o)),I=s.createClass(r.composeTextFieldClasses(i,o,c??"")),S=s.createStyle(a.composeTextareaStyles(n,i,p)),j=s.createClass({composedTextFieldClasses:!0}),T=a.getRowsTextArea(i),h="textarea"===v;return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-input/configs/translate.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:c})=>{let{text:o,name:i,placeholder:m,required:n,formType:d}=e??{},p=i?.[d??"text"]===""||void 0===i?"contact[first_name]":i?.[d??"text"],y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextInput?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),$=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),v=system.createStyle(styles.composeTextareaStyles(r,e,c)),g=system.createClass({composedTextFieldClasses:!0}),C=styles.getRowsTextArea(e),q="textarea"===d;return core.template`
     <div
-      ${d}
-      data-id="${o?.uid}"
-      class="${f}"
-      style="${q}"
+      ${a}
+      data-id="${s?.uid}"
+      class="${$}"
+      style="${u}"
     >
       <div>
-        ${s.If(!h,e.template`<input
+        ${system.If(!q,core.template`<input
             type="text"
-            class="${I}"
-            style="${S}"
-            placeholder="${C}"
-            ${s.If(y,"required")}
-            name="${g}"
-            value="${m}"
-          ></input>`,e.template`<textarea
-            rows="${T}"
-            class="${j}"
-            style="${S}"
-            placeholder="${C}"
-            ${s.If(y,"required")}
-            name="${g}"
-            value="${m}"
+            class="${x}"
+            style="${v}"
+            placeholder="${y}"
+            ${system.If(n,"required")}
+            name="${p}"
+            value="${o}"
+          ></input>`,core.template`<textarea
+            rows="${C}"
+            class="${g}"
+            style="${v}"
+            placeholder="${y}"
+            ${system.If(n,"required")}
+            name="${p}"
+            value="${o}"
           ></textarea>`)}
       </div>
     </div>
-  `};
+  `};exports.default=TextInput;

package/dist/cjs/form/components/textinput/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),o=require("@gem-sdk/core");const s=o=>e.filterTruthy(o);exports.composeContainerClasses=(e,o)=>s({[o?.uid]:!!o?.uid,[e?.cssClass]:!!e?.cssClass}),exports.composeTextFieldClasses=(e,r,t)=>{let{typography:p}=e??{},l=o.composeTypographyClassName(e?.typo,p),n=o.getGlobalColorClass("text",e?.color);return s({[t]:!!t,[r?.uid]:!!r?.uid,[l]:!!l,[n]:!!n,"gp-form-item !gp-outline-none focus:!gp-shadow-none hover:!gp-shadow-none !gp-bg-none !gp-border-box text-input-custom":!0})};
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeClasses=s=>helpers.filterTruthy(s),composeContainerClasses=(s,e)=>composeClasses({[e?.uid]:!!e?.uid,[s?.cssClass]:!!s?.cssClass}),composeTextFieldClasses=(s,e,o)=>{let{typography:r}=s??{},l=core.composeTypographyClassName(s?.typo,r),p=core.getGlobalColorClass("text",s?.color);return composeClasses({[o]:!!o,[e?.uid]:!!e?.uid,[l]:!!l,[p]:!!p,"gp-form-item !gp-outline-none focus:!gp-shadow-none hover:!gp-shadow-none !gp-bg-none !gp-border-box text-input-custom":!0})};exports.composeContainerClasses=composeContainerClasses,exports.composeTextFieldClasses=composeTextFieldClasses;

package/dist/cjs/form/components/textinput/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("../../../common/helpers.js"),t=require("@gem-sdk/core");const o=t=>e.filterTruthy(t);exports.composeContainerStyles=(e,r)=>{let{pos:l,d:a,op:s,right:i,top:n,left:y,bottom:g,z:c,padding:p,margin:S}=e??{},d=e?.["spacing-setting"],h=t.composeAdvanceStyle({pos:l,d:a,op:s,right:i,top:n,left:y,bottom:g,z:c,padding:p,margin:S,"spacing-setting":d});return o({...h,...t.makeStyleResponsive("ta",r?.align)})},exports.composeTextareaStyles=(e,r,l)=>{let{wrapperBorder:a,borderRadius:s,shadow:i,globalSize:n}=l??{},{border:y,rounded:g,hasBoxShadow:c,boxShadow:p}=e??{},{typography:S,background:d}=r??{},h=t.makeGlobalSize(n),m=t.composeTypographyStyle(r?.typo,S),u=t.composeAdvanceStyle({border:y,rounded:g,hasBoxShadow:c,boxShadow:p});return o({...h?.width?.["--w"]?h.width:{"--w":"100%"},...h?.height?.["--h"]?h.height:{"--h":"auto"},...h.padding,...t.getGlobalColorStyle(r?.color),...t.makeStyle({tt:r?.transform}),...m,...u,...t.makeStyle({bc:t.getSingleColorVariable(y?.color)}),...t.getBorderStyle(a),...t.getBorderRadiusStyle(s),...t.getStyleShadow({value:i,styleAppliedFor:"box-shadow",isEnableShadow:i?.type!=="none"}),...t.getStyleBackgroundByDevice(d),...t.getGradientBgrStyleByDevice(d)})},exports.getRowsTextArea=e=>e?.textLine;
+"use strict";var helpers=require("../../../common/helpers.js"),core=require("@gem-sdk/core");const composeStyles=e=>helpers.filterTruthy(e),composeContainerStyles=(e,o)=>{let{pos:t,d:r,op:s,right:l,top:c,left:a,bottom:y,z:i,padding:p,margin:n}=e??{},S=e?.["spacing-setting"],g=core.composeAdvanceStyle({pos:t,d:r,op:s,right:l,top:c,left:a,bottom:y,z:i,padding:p,margin:n,"spacing-setting":S});return composeStyles({...g,...core.makeStyleResponsive("ta",o?.align)})},composeTextareaStyles=(e,o,t)=>{let{wrapperBorder:r,borderRadius:s,shadow:l,globalSize:c}=t??{},{border:a,rounded:y,hasBoxShadow:i,boxShadow:p}=e??{},{typography:n,background:S}=o??{},g=core.makeGlobalSize(c),m=core.composeTypographyStyle(o?.typo,n),d=core.composeAdvanceStyle({border:a,rounded:y,hasBoxShadow:i,boxShadow:p});return composeStyles({...g?.width?.["--w"]?g.width:{"--w":"100%"},...g?.height?.["--h"]?g.height:{"--h":"auto"},...g.padding,...core.getGlobalColorStyle(o?.color),...core.makeStyle({tt:o?.transform}),...m,...d,...core.makeStyle({bc:core.getSingleColorVariable(a?.color)}),...core.getBorderStyle(r),...core.getBorderRadiusStyle(s),...core.getStyleShadow({value:l,styleAppliedFor:"box-shadow",isEnableShadow:l?.type!=="none"}),...core.getStyleBackgroundByDevice(S),...core.getGradientBgrStyleByDevice(S)})},getRowsTextArea=e=>e?.textLine;exports.composeContainerStyles=composeContainerStyles,exports.composeTextareaStyles=composeTextareaStyles,exports.getRowsTextArea=getRowsTextArea;

package/dist/cjs/form/hooks/useGetColorContent.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("@gem-sdk/core");exports.useGetColorContent=t=>{let[o,s]=e.useState(!0),{typography:u,placeholderColor:a,defaultOption:n}=t??{},c=r.composeTypographyStyle(t?.typo,u);return{handleOnChange:()=>{o&&s(!1)},getTextColor:{...c,...o&&!Number(n)&&{"--c":a}}}};
+"use strict";var React=require("react"),core=require("@gem-sdk/core");const useGetColorContent=e=>{let[t,o]=React.useState(!0),{typography:r,placeholderColor:c,defaultOption:s}=e??{},u=core.composeTypographyStyle(e?.typo,r),n=()=>{t&&o(!1)};return{handleOnChange:n,getTextColor:{...u,...t&&!Number(s)&&{"--c":c}}}};exports.useGetColorContent=useGetColorContent;

package/dist/cjs/form/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link");var e=require("./settings/newsletter/Newsletter.js"),t=require("./settings/form-email/FormEmail.js"),r=require("./settings/submit-button/SubmitButton.js"),s=require("./settings/form-dropdown/FormDropdown.js"),i=require("./settings/text-field/TextField.js"),u=require("./settings/form-textarea/Textarea.js"),o=require("./settings/form-checkbox/FormCheckbox.js"),n=require("./settings/text-input/TextInput.js"),a=require("./settings/contact/Contact.js");const m={Newsletter:e.default,FormEmail:t.default,SubmitButton:r.default,FormDropdown:s.default,TextField:i.default,FormCheckbox:o.default,TextInput:n.default,FormTextarea:u.default,ContactForm:a.default};exports.contactFormSetting=m;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link");var Newsletter$1=require("./settings/newsletter/Newsletter.js"),FormEmail$1=require("./settings/form-email/FormEmail.js"),SubmitButton$1=require("./settings/submit-button/SubmitButton.js"),FormDropdown$1=require("./settings/form-dropdown/FormDropdown.js"),TextField$1=require("./settings/text-field/TextField.js"),Textarea=require("./settings/form-textarea/Textarea.js"),FormCheckbox$1=require("./settings/form-checkbox/FormCheckbox.js"),TextInput$1=require("./settings/text-input/TextInput.js"),Contact$1=require("./settings/contact/Contact.js");const contactFormSetting={Newsletter:Newsletter$1.default,FormEmail:FormEmail$1.default,SubmitButton:SubmitButton$1.default,FormDropdown:FormDropdown$1.default,TextField:TextField$1.default,FormCheckbox:FormCheckbox$1.default,TextInput:TextInput$1.default,FormTextarea:Textarea.default,ContactForm:Contact$1.default};exports.contactFormSetting=contactFormSetting;