@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.138

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -1,7 +1,7 @@
-import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as c,createAttr as l}from"@gem-sdk/system";import{getPPCWrapperClasses as p,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as P}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyChoice=({setting:y,styles:g,builderProps:h,pageContext:C,attributes:j})=>{let v=h?.uid,{name:b,type:k,childItem:I}=y??{},{valueTextColor:x,fullWidth:_,width:w}=g??{},A=e("w",o(w,_)),S=`properties[${b}]`,q=r(v,x),z=m({...p()}),B=m({...d(g)}),D=c({...a(g)}),E=m({...$()}),F=c({...n(g)}),G=l({...f(j)}),H=c({...u(g)});return t`<div style="${{...A}}" class="${E}">
+import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as l,createAttr as c}from"@gem-sdk/system";import{getPPCWrapperClasses as p,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as y}from"../../../settings/product-properties/configs/translate.js";let P=({setting:P,styles:g,builderProps:h,pageContext:j,attributes:C})=>{let v=h?.uid,{name:b,type:k,childItem:I}=P??{},{valueTextColor:x,fullWidth:_,width:w}=g??{},A=e("w",o(w,_)),S=`properties[${b}]`,q=r(v,x),z=m({...p()}),B=m({...d(g)}),D=l({...a(g)}),E=m({...$()}),F=l({...n(g)}),G=c({...f(C)}),H=l({...u(g)});return t`<div style="${{...A}}" class="${E}">
       <style>${q}</style>
 
-      ${I?.map((e,o)=>{let r=s({val:e,uid:v,settingId:i({id:P?.childItem?.id,index:o}),pageContext:C});return t`
+      ${I?.map((e,o)=>{let r=s({val:e,uid:v,settingId:i({id:y?.childItem?.id,index:o}),pageContext:j});return t`
             <div class="${z}" style="${D}">
               <input
                 ${{...G}}
@@ -21,4 +21,4 @@ import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core"
               </label>
             </div>`}).join("")}
       </div>
-  `};export{ProductPropertyChoice as default};
+  `};export{P as default};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceAttrs.js

@@ -1 +1 @@
-let getPPCInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getPPCInputAttrs};
+let t=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{t as getPPCInputAttrs};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as s,getGlobalColorStateClass as p,getGlobalColorStateResponsiveClass as r}from"@gem-sdk/core";let getPPCWrapperClasses=()=>e("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>e("gp-inline-block"),getPPCLabelClasses=t=>{let{valueTextColor:a,valueBgColor:g,valueTypo:l,valueTypography:C}=t??{},P=s(l,C);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(p("text",a)),...e(r("bg",g)),...e(P)}};export{getPPCLabelClasses,getPPCWrapperClasses,getPPCWrapperClassesMain};
+import{composeClasses as e,composeTypographyClassName as p,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as t}from"@gem-sdk/core";let s=()=>e("gp-flex gp-items-center"),g=()=>e("gp-inline-block"),l=s=>{let{valueTextColor:g,valueBgColor:l,valueTypo:a,valueTypography:n}=s??{},o=p(a,n);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(t("text",g)),...e(r("bg",l)),...e(o)}};export{l as getPPCLabelClasses,s as getPPCWrapperClasses,g as getPPCWrapperClassesMain};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceInlineCss.js

@@ -1,6 +1,6 @@
-import{getSingleColorVariable as e}from"@gem-sdk/core";let getPPCInlineStyleChoice=(t,l)=>{let o=l?.active||l?.normal;return o&&t?`
+import{getSingleColorVariable as e}from"@gem-sdk/core";let t=(t,o)=>{let r=o?.active||o?.normal;return r&&t?`
       .${t} {
         input:checked + label {
-          color: ${e(o)} !important;
+          color: ${e(r)} !important;
         }
-      }`:""};export{getPPCInlineStyleChoice};
+      }`:""};export{t as getPPCInlineStyleChoice};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateResponsiveStyle as P,getGlobalColorStateStyle as l}from"@gem-sdk/core";let getPPCWrapperStyles=r=>{let{width:P,fullWidth:l}=r??{};return e("w",t(P,l))},getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e("h",r):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:g,valueTypography:n,valueTypo:C}=e??{},s=r(C,n);return{...P("bg",t),...l("c",g),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{getPPCContainerStyles,getPPCInputStyles,getPPCLabelStyles,getPPCWrapperStyles};
+import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateStyle as l,getGlobalColorStateResponsiveStyle as P}from"@gem-sdk/core";let n=r=>{let{width:l,fullWidth:P}=r??{};return e("w",t(l,P))},g=t=>{let{height:r}=t??{};return r?e("h",r):{}},o=e=>{let{valueBgColor:t,valueTextColor:n,valueTypography:g,valueTypo:o}=e??{},p=r(o,g);return{...P("bg",t),...l("c",n),...p}},p=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{g as getPPCContainerStyles,p as getPPCInputStyles,o as getPPCLabelStyles,n as getPPCWrapperStyles};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r,composeClasses as t,makeStyle as o}from"@gem-sdk/core";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{useMemo as a}from"react";import{getElementContent as n}from"./common/helpers.js";import{getClasses as d}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";let ProductPropertyInput=({setting:p,styles:c})=>{let l=r(),{name:u,type:f,placeholder:h,required:y,handleChange:g,label:x,validationData:j}=p??{},P=a(()=>{switch(f){case"textarea":case"hidden":return"textarea";default:return"input"}},[f]),$=a(()=>"hidden"===f,[f]),k=`${h}${h&&y&&!x?" *":""}`,I=m({...d(c),...t("hidden"===f?"gp-cursor-default":"")}),L=s({...i(c),...j?.isValid||"hidden"===f?{}:o({bc:"#F44336"})}),{elementType:b,elementValue:q,minLength:v,maxLength:w}=n(p);return e(P,{id:`${l}-${u}`,type:b,value:q,placeholder:k,name:u,readOnly:$,className:I,style:L,required:y,minLength:v,maxLength:w,onChange:g})};export{ProductPropertyInput as default};
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r,composeClasses as t,makeStyle as m}from"@gem-sdk/core";import{createClass as o,createStyle as s}from"@gem-sdk/system";import{useMemo as a}from"react";import{getElementContent as n}from"./common/helpers.js";import{getClasses as d}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";let c=({setting:c,styles:l})=>{let p=r(),{name:u,type:f,placeholder:h,required:g,handleChange:y,label:x,validationData:j}=c??{},$=a(()=>{switch(f){case"textarea":case"hidden":return"textarea";default:return"input"}},[f]),k=a(()=>"hidden"===f,[f]),L=`${h}${h&&g&&!x?" *":""}`,P=o({...d(l),...t("hidden"===f?"gp-cursor-default":"")}),b=s({...i(l),...j?.isValid||"hidden"===f?{}:m({bc:"#F44336"})}),{elementType:q,elementValue:v,minLength:w,maxLength:C}=n(c);return e($,{id:`${p}-${u}`,type:q,value:v,placeholder:L,name:u,readOnly:k,className:P,style:b,required:g,minLength:w,maxLength:C,onChange:y})};export{c as default};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.liquid.js

@@ -1,15 +1,15 @@
-import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as o}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as n}from"./common/helpers.js";import{getInputAttrs as u}from"./common/attrs.js";import{ProductProperties as d}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyInput=({setting:l,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:b,placeholder:j,required:x,minChar:y,maxChar:N,label:P}=l??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},v="textarea"===b?"textarea":"input",I=t({val:j,uid:c?.uid,settingId:o({id:d?.placeholder?.id}),pageContext:f}),k=`${I}${j&&x&&!P?" *":""}`,C=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=n(l),w=p({...u(g)});return e`
-    <${v}
+import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as t}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as d}from"./common/helpers.js";import{getInputAttrs as l}from"./common/attrs.js";import{ProductProperties as n}from"../../../settings/product-properties/configs/translate.js";let u=({setting:u,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:j,placeholder:x,required:y,minChar:b,maxChar:v,label:k}=u??{minChar:Number,maxChar:Number},C="textarea"===j?"textarea":"input",I=o({val:x,uid:c?.uid,settingId:t({id:n?.placeholder?.id}),pageContext:f}),N=`${I}${x&&y&&!k?" *":""}`,P=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=d(u),w=p({...l(g)});return e`
+    <${C}
       ${{...w}}
-      type="${b}"
-      placeholder="${k}"
+      type="${j}"
+      placeholder="${N}"
       name="properties[${h}]"
       form="{{ product_form_id }}"
       value="${q}"
-      class="${C}"
+      class="${P}"
       style="${_}"
-      ${x?`required="${x}"`:""}
-      minlength="${y}"
-      maxlength="${N}"
-    ></${v}>
-    `};export{ProductPropertyInput as default};
+      ${y?`required="${y}"`:""}
+      minlength="${b}"
+      maxlength="${v}"
+    ></${C}>
+    `};export{u as default};

package/dist/esm/product/components/product-properties/property-input/common/attrs.js

@@ -1 +1 @@
-let getInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getInputAttrs};
+let t=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{t as getInputAttrs};

package/dist/esm/product/components/product-properties/property-input/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as o,handleConvertClassColor as r}from"@gem-sdk/core";let getClasses=s=>{let{valueBgColor:p,valueTextColor:l,borderInput:m,valueTypography:n,valueTypo:x}=s??{},u=e(x,n);return{...t("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...t(g("text",l)),...t(o("bg",p)),...t(u),...t(r(m))}};export{getClasses};
+import{composeTypographyClassName as e,composeClasses as t,handleConvertClassColor as o,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as g}from"@gem-sdk/core";let p=p=>{let{valueBgColor:s,valueTextColor:l,borderInput:m,valueTypography:n,valueTypo:x}=p??{},u=e(x,n);return{...t("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...t(g("text",l)),...t(r("bg",s)),...t(u),...t(o(m))}};export{p as getClasses};

package/dist/esm/product/components/product-properties/property-input/common/helpers.js

@@ -1 +1 @@
-let getElementContent=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:l}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?l:void 0}};export{getElementContent};
+let e=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:a}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?a:void 0}};export{e as getElementContent};

package/dist/esm/product/components/product-properties/property-input/common/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as e,makeStyleResponsive as o,makeWidth as t,getGlobalColorStateResponsiveStyle as c,getGlobalColorStateStyle as s,handleConvertBorderStyle as g,handleConvertBorderWidth as r,handleConvertBorderColor as b,composeRadius as f,getStyleShadowState as l}from"@gem-sdk/core";let getStyles=u=>{let{valueBgColor:m,valueTextColor:d,valueTypo:h,valueTypography:p,fullWidth:w,width:x,height:y,borderInput:S,borderRadius:a,hasShadowInput:i,shadowInput:k}=u??{},n=e(h,p),j=o("w",t(x,w)),q=y?o("h",y):{},v=c("bg",m);v["--focus-bg"]||(v["--focus-bg"]=v["--bg"]);let z=s("c",d);return z["--focus-c"]||(z["--focus-c"]=z["--c"]),{...j,...g(S),...r(S),...b(S),...v,...z,...q,...f(a),...l(k,"box-shadow",i),...n}};export{getStyles};
+import{composeTypographyStyle as o,makeStyleResponsive as c,makeWidth as e,getGlobalColorStateResponsiveStyle as t,getGlobalColorStateStyle as s,getStyleShadowState as g,composeRadius as r,handleConvertBorderColor as b,handleConvertBorderWidth as f,handleConvertBorderStyle as u}from"@gem-sdk/core";let l=l=>{let{valueBgColor:m,valueTextColor:d,valueTypo:h,valueTypography:p,fullWidth:w,width:x,height:a,borderInput:i,borderRadius:k,hasShadowInput:n,shadowInput:y}=l??{},S=o(h,p),j=c("w",e(x,w)),q=a?c("h",a):{},v=t("bg",m);v["--focus-bg"]||(v["--focus-bg"]=v["--bg"]);let z=s("c",d);return z["--focus-c"]||(z["--focus-c"]=z["--c"]),{...j,...u(i),...f(i),...b(i),...v,...z,...q,...r(k),...g(y,"box-shadow",n),...S}};export{l as getStyles};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r}from"@gem-sdk/core";import{createClass as t,createStyle as o}from"@gem-sdk/system";import{getSelectClasses as m}from"./common/classes.js";import{getSelectStyles as s,getOptionStyles as l}from"./common/styles.js";let ProductPropertySelect=({setting:c,styles:a})=>{let i=r(),{name:n,handleChangeOption:p,childItem:d}=c??{},f=t({...m(a)}),u=o({...s(a)}),y=o({...l(a)});return e("select",{name:n,id:`${i}-${n}`,className:f,style:u,onChange:p,children:d?.map((r,t)=>e("option",{value:r,style:y,children:r},t))})};export{ProductPropertySelect as default};
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as m}from"@gem-sdk/core";import{createClass as o,createStyle as r}from"@gem-sdk/system";import{getSelectClasses as t}from"./common/classes.js";import{getSelectStyles as s,getOptionStyles as l}from"./common/styles.js";let c=({setting:c,styles:a})=>{let i=m(),{name:n,handleChangeOption:p,childItem:d}=c??{},f=o({...t(a)}),u=r({...s(a)}),y=r({...l(a)});return e("select",{name:n,id:`${i}-${n}`,className:f,style:u,onChange:p,children:d?.map((m,o)=>e("option",{value:m,style:y,children:m},o))})};export{c as default};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.liquid.js

@@ -1,17 +1,17 @@
-import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as c}from"./common/styles.js";import{getSelectClasses as d}from"./common/classes.js";import{ProductProperties as n}from"../../../settings/product-properties/configs/translate.js";let ProductPropertySelect=({setting:a,styles:f,builderProps:u,pageContext:$,attributes:g})=>{let j=u?.uid,{name:y,childItem:P}=a??{},h=s({...p(a,g)}),k=m({...d(f),...t("gp-shadow-none")}),v=i({...l(f)}),I=i({...c(f)});return o`
+import{composeClasses as o,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as d}from"./common/styles.js";import{getSelectClasses as n}from"./common/classes.js";import{ProductProperties as c}from"../../../settings/product-properties/configs/translate.js";let a=({setting:a,styles:f,builderProps:$,pageContext:u,attributes:g})=>{let j=$?.uid,{name:y,childItem:h}=a??{},k=s({...p(a,g)}),v=m({...n(f),...o("gp-shadow-none")}),I=i({...l(f)}),P=i({...d(f)});return t`
     <select
-      ${{...h}}
+      ${{...k}}
       name="properties[${y}]"
       id="${j}-${y}"
-      class="${k}"
+      class="${v}"
       form="{{ product_form_id }}"
-      style="${v}"
+      style="${I}"
     >
-      ${P?.map((t,s)=>{let m=e({val:t,uid:j,settingId:r({id:n?.childItem?.id,index:s}),pageContext:$});return o`
+      ${h?.map((o,s)=>{let m=e({val:o,uid:j,settingId:r({id:c?.childItem?.id,index:s}),pageContext:u});return t`
             <option
               value="${m}"
-              style="${I}"
+              style="${P}"
             >
               ${m}
             </option>`}).join("")}
-    </select>`};export{ProductPropertySelect as default};
+    </select>`};export{a as default};

package/dist/esm/product/components/product-properties/property-select/common/attrs.js

@@ -1 +1 @@
-let getSelectAttrs=(t,e)=>{let{name:a}=t??{};return{"aria-label":a??"","data-id":e?.dataId??"","data-slot-type":"input"}};export{getSelectAttrs};
+let t=(t,a)=>{let{name:e}=t??{};return{"aria-label":e??"","data-id":a?.dataId??"","data-slot-type":"input"}};export{t as getSelectAttrs};

package/dist/esm/product/components/product-properties/property-select/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as l}from"@gem-sdk/core";let getSelectClasses=r=>{let{valueBgColor:s,valueTextColor:o,valueTypography:p,valueTypo:n}=r??{},c=e(n,p);return{...t("gp-truncate gp-p-2 gp-outline-none"),...t(g("text",o)),...t(l("bg",s)),...t(c)}};export{getSelectClasses};
+import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateResponsiveClass as r,getGlobalColorStateClass as g}from"@gem-sdk/core";let o=o=>{let{valueBgColor:p,valueTextColor:l,valueTypography:n,valueTypo:s}=o??{},c=e(s,n);return{...t("gp-truncate gp-p-2 gp-outline-none"),...t(g("text",l)),...t(r("bg",p)),...t(c)}};export{o as getSelectClasses};

package/dist/esm/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as b,handleConvertBorderWidth as o,handleConvertBorderColor as g,composeRadius as l,getStyleShadowState as c,getGlobalColorStateResponsiveStyle as s,getGlobalColorStateStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let getSelectStyles=f=>{let{fullWidth:u,width:m,height:i,borderInput:p,borderRadius:S,hasShadowInput:a,shadowInput:n,valueBgColor:y,valueTextColor:h}=f??{},d=e("w",t(m,u)),w=i?e("h",i):{};return{...d,...w,...b(p),...o(p),...g(p),...l(S),...c(n,"box-shadow",a),...s("bg",y),...r("c",h)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:b}=e??{},o=s("bg",t),g=r("c",b),l={"--c":g["--focus-c"]?g["--focus-c"]:g["--c"],"--bg":o["--focus-bg"]?o["--focus-bg"]:o["--bg"],"--bg-tablet":o["--focus-bg-tablet"]?o["--focus-bg-tablet"]:o["--bg-tablet"],"--bg-mobile":o["--focus-bg-mobile"]?o["--focus-bg-mobile"]:o["--bg-mobile"]};return f(l)};export{getOptionStyles,getSelectStyles};
+import{makeStyleResponsive as e,makeWidth as b,getGlobalColorStateStyle as t,getGlobalColorStateResponsiveStyle as o,getStyleShadowState as g,composeRadius as c,handleConvertBorderColor as l,handleConvertBorderWidth as s,handleConvertBorderStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let u=f=>{let{fullWidth:u,width:m,height:i,borderInput:a,borderRadius:p,hasShadowInput:h,shadowInput:n,valueBgColor:S,valueTextColor:d}=f??{},w=e("w",b(m,u)),x=i?e("h",i):{};return{...w,...x,...r(a),...s(a),...l(a),...c(p),...g(n,"box-shadow",h),...o("bg",S),...t("c",d)}},m=e=>{let{valueBgColor:b,valueTextColor:g}=e??{},c=o("bg",b),l=t("c",g),s={"--c":l["--focus-c"]?l["--focus-c"]:l["--c"],"--bg":c["--focus-bg"]?c["--focus-bg"]:c["--bg"],"--bg-tablet":c["--focus-bg-tablet"]?c["--focus-bg-tablet"]:c["--bg-tablet"],"--bg-mobile":c["--focus-bg-mobile"]?c["--focus-bg-mobile"]:c["--bg-mobile"]};return f(s)};export{m as getOptionStyles,u as getSelectStyles};

package/dist/esm/product/components/product-quantity/ProductQuantity.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCurrentVariant as s,useQuantity as o}from"@gem-sdk/core";import{createAttr as l,createClass as n,createStyle as r,If as a}from"@gem-sdk/system";import{useProductQuantity as i}from"./hooks/useProductQuantity.js";import{getContainerAttrs as m,getInputAttr as u,getButtonAttrs as c}from"./common/attrs.js";import{getContainerClasses as d,getWrapperClasses as y,getInputClasses as b,getButtonClass as f,getIconWrapperClasses as p}from"./common/classes.js";import{getContainerStyles as h,getWrapperStyles as g,getInputStyle as N,getButtonStyle as S}from"./common/styles.js";import{getIconWidth as j,getMinusIcon as v,getPlusIcon as B}from"./common/helpers.js";let ProductQuantity=H=>{let{setting:k={},styles:C={},builderProps:D,advanced:Q}=H,_=s(),{quantity:P}=o(),{isInStock:x,ref:I,onClickIncrement:L,onClickDecrement:M,onChangeInput:T,onFocusInput:F}=i(H),{plusIcon:V,minusIcon:q}=k,w=k.defaultQtyValue||1,{inputHeight:z,buttonBackgroundColor:A,backgroundColor:E,iconColor:G,inputBackgroundColor:J,textColor:K,align:O,borderBtn:R,buttonWidth:U,iconSizeCustom:W,corner:X}=C,Y=k?.hasButton,Z=l({...m({isDisabled:!x,uid:D?.uid||""})}),$=n({...d(Q?.cssClass)}),tt=r({...h({align:O,inputHeight:z})}),te=n({...y()}),ts=r({...g({backgroundColor:E,styles:C})}),to=l({...u({hasButton:Y,quantity:P,currentVariant:_,defaultQty:w})}),tl=n({...b({styles:C,borderBtn:R,inputBackgroundColor:J,textColor:K,isDisabled:!x})}),tn=r({...N(H)}),tr=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"left",isDisabled:!x})}),ta=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,enableHoverButton:k?.enableHoverButton})}),ti=l({...c({buttonSide:"left"})}),tm=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"right",isDisabled:!x})}),tu=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,flipStyle:!0,enableHoverButton:k?.enableHoverButton})}),tc=l({...c({buttonSide:"right"})}),td=n({...p()}),ty=r({...j(W)});return t("div",{ref:I,...Z,className:$,style:tt,children:e("div",{className:te,style:ts,children:[a(Y,t("button",{...ti,onClick:M,className:tr,style:ta,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:v(q)}})})),t("input",{...to,className:tl,style:tn,onChange:t=>T(t),onFocus:t=>F(t)}),a(Y,t("button",{...tc,onClick:L,className:tm,style:tu,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:B(V)}})}))]})})};export{ProductQuantity as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCurrentVariant as s,useQuantity as o}from"@gem-sdk/core";import{createAttr as l,createClass as n,createStyle as r,If as a}from"@gem-sdk/system";import{useProductQuantity as i}from"./hooks/useProductQuantity.js";import{getContainerAttrs as m,getInputAttr as u,getButtonAttrs as c}from"./common/attrs.js";import{getContainerClasses as d,getWrapperClasses as y,getInputClasses as b,getButtonClass as f,getIconWrapperClasses as p}from"./common/classes.js";import{getContainerStyles as h,getWrapperStyles as g,getInputStyle as N,getButtonStyle as S}from"./common/styles.js";import{getIconWidth as j,getMinusIcon as v,getPlusIcon as B}from"./common/helpers.js";let H=H=>{let{setting:k={},styles:C={},builderProps:D,advanced:_}=H,Q=s(),{quantity:x}=o(),{isInStock:I,ref:L,onClickIncrement:M,onClickDecrement:P,onChangeInput:T,onFocusInput:F}=i(H),{plusIcon:V,minusIcon:q}=k,w=k.defaultQtyValue||1,{inputHeight:z,buttonBackgroundColor:A,backgroundColor:E,iconColor:G,inputBackgroundColor:J,textColor:K,align:O,borderBtn:R,buttonWidth:U,iconSizeCustom:W,corner:X}=C,Y=k?.hasButton,Z=l({...m({isDisabled:!I,uid:D?.uid||""})}),$=n({...d(_?.cssClass)}),tt=r({...h({align:O,inputHeight:z})}),te=n({...y()}),ts=r({...g({backgroundColor:E,styles:C})}),to=l({...u({hasButton:Y,quantity:x,currentVariant:Q,defaultQty:w})}),tl=n({...b({styles:C,borderBtn:R,inputBackgroundColor:J,textColor:K,isDisabled:!I})}),tn=r({...N(H)}),tr=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"left",isDisabled:!I})}),ta=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,enableHoverButton:k?.enableHoverButton})}),ti=l({...c({buttonSide:"left"})}),tm=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"right",isDisabled:!I})}),tu=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,flipStyle:!0,enableHoverButton:k?.enableHoverButton})}),tc=l({...c({buttonSide:"right"})}),td=n({...p()}),ty=r({...j(W)});return t("div",{ref:L,...Z,className:$,style:tt,children:e("div",{className:te,style:ts,children:[a(Y,t("button",{...ti,onClick:P,className:tr,style:ta,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:v(q)}})})),t("input",{...to,className:tl,style:tn,onChange:t=>T(t),onFocus:t=>F(t)}),a(Y,t("button",{...tc,onClick:M,className:tm,style:tu,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:B(V)}})}))]})})};export{H as default};

package/dist/esm/product/components/product-quantity/ProductQuantity.liquid.js

@@ -1,16 +1,16 @@
-import{template as t,RenderIf as s,isLocalEnv as e,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createAttr as l,createClass as r,createStyle as o}from"@gem-sdk/system";import{getContainerAttrs as n,getInputAttr as u,getButtonAttrs as d}from"./common/attrs.js";import{getContainerClasses as c,getWrapperClasses as p,getInputClasses as f,getButtonClass as m,getIconWrapperClasses as $}from"./common/classes.js";import{getContainerStyles as b,getWrapperStyles as y,getInputStyle as v,getButtonStyle as g}from"./common/styles.js";import{getIconWidth as S,getMinusIcon as _,getPlusIcon as h}from"./common/helpers.js";let ProductQuantity=({setting:j={},styles:q={},advanced:B,builderProps:k})=>{let{plusIcon:E,minusIcon:H,updatePrice:P}=j,Q=j.defaultQtyValue??1,{inputHeight:A,buttonBackgroundColor:G,iconColor:L,inputBackgroundColor:M,textColor:V,align:x,borderBtn:C,buttonWidth:D,iconSizeCustom:I,corner:N,backgroundColor:O,dividerColor:R,dividerStroke:T}=q,w=j?.hasButton,z=l({...n({uid:k?.uid||"",isDisableByLiquid:!0})}),F=r({...c(B?.cssClass)}),J=o({...b({align:x,inputHeight:A})}),K=r({...p()}),U=o({...y({backgroundColor:O,styles:q})}),W=l({...u({isLiquid:!0,hasButton:w,defaultQty:Q})}),X=r({...f({styles:q,borderBtn:C,inputBackgroundColor:M,textColor:V})}),Y=o({...v({setting:j,styles:{...q,borderBtn:C,inputBackgroundColor:M,textColor:V,dividerColor:R,dividerStroke:T}})}),Z=r({...m({borderBtn:C,buttonBackgroundColor:G,iconColor:L,buttonSide:"left"})}),tt=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:G,iconColor:L,corner:N,enableHoverButton:j?.enableHoverButton})}),ts=l({...d({buttonSide:"left"})}),te=r({...m({borderBtn:C,buttonBackgroundColor:G,iconColor:L,buttonSide:"right"})}),ta=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:G,iconColor:L,corner:N,flipStyle:!0,enableHoverButton:j?.enableHoverButton})}),ti=l({...d({buttonSide:"right"})}),tl=r({...$()}),tr=S(I);return t`
+import{RenderIf as t,template as s,isLocalEnv as e,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createAttr as l,createClass as r,createStyle as o}from"@gem-sdk/system";import{getContainerAttrs as n,getInputAttr as d,getButtonAttrs as u}from"./common/attrs.js";import{getContainerClasses as p,getWrapperClasses as c,getInputClasses as f,getButtonClass as m,getIconWrapperClasses as $}from"./common/classes.js";import{getContainerStyles as b,getWrapperStyles as y,getInputStyle as v,getButtonStyle as g}from"./common/styles.js";import{getIconWidth as S,getMinusIcon as _,getPlusIcon as h}from"./common/helpers.js";let j=({setting:j={},styles:q={},advanced:B,builderProps:k})=>{let{plusIcon:E,minusIcon:H,updatePrice:A}=j,G=j.defaultQtyValue??1,{inputHeight:L,buttonBackgroundColor:M,iconColor:P,inputBackgroundColor:Q,textColor:V,align:x,borderBtn:C,buttonWidth:D,iconSizeCustom:I,corner:N,backgroundColor:O,dividerColor:R,dividerStroke:T}=q,w=j?.hasButton,z=l({...n({uid:k?.uid||"",isDisableByLiquid:!0})}),F=r({...p(B?.cssClass)}),J=o({...b({align:x,inputHeight:L})}),K=r({...c()}),U=o({...y({backgroundColor:O,styles:q})}),W=l({...d({isLiquid:!0,hasButton:w,defaultQty:G})}),X=r({...f({styles:q,borderBtn:C,inputBackgroundColor:Q,textColor:V})}),Y=o({...v({setting:j,styles:{...q,borderBtn:C,inputBackgroundColor:Q,textColor:V,dividerColor:R,dividerStroke:T}})}),Z=r({...m({borderBtn:C,buttonBackgroundColor:M,iconColor:P,buttonSide:"left"})}),tt=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:M,iconColor:P,corner:N,enableHoverButton:j?.enableHoverButton})}),ts=l({...u({buttonSide:"left"})}),te=r({...m({borderBtn:C,buttonBackgroundColor:M,iconColor:P,buttonSide:"right"})}),ta=o({...g({borderBtn:C,buttonWidth:D,buttonBackgroundColor:M,iconColor:P,corner:N,flipStyle:!0,enableHoverButton:j?.enableHoverButton})}),ti=l({...u({buttonSide:"right"})}),tl=r({...$()}),tr=S(I);return s`
     {%- liquid
       assign current_variant = product.selected_or_first_available_variant
       assign available = current_variant.available | default: false
     -%}
       <gp-product-quantity
         ${{...z}}
-        data-price="${P}"
+        data-price="${A}"
         class="${F}"
         style="${J}"
       >
         <div class="${K}" style="${U}">
-          ${s(w,t`
+          ${t(w,s`
               <button
               {% if available == false %} disabled {% endif %}
                ${{...ts}}
@@ -31,7 +31,7 @@ import{template as t,RenderIf as s,isLocalEnv as e,baseAssetURL as a}from"@gem-s
             inputMode="numeric"
           />
 
-          ${s(w,t`
+          ${t(w,s`
             <button
               {% if available == false %} disabled {% endif %}
               ${{...ti}}
@@ -45,4 +45,4 @@ import{template as t,RenderIf as s,isLocalEnv as e,baseAssetURL as a}from"@gem-s
           `)}
           </div>
         </gp-product-quantity>
-      ${s(e,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductQuantity as default};
+      ${t(e,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{j as default};

package/dist/esm/product/components/product-quantity/common/attrs.js

@@ -1 +1 @@
-let getContainerAttrs=({uid:t,isDisabled:e=!0,isDisableByLiquid:n})=>({"data-id":t,"data-disabled":n?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),getButtonAttrs=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),getInputAttr=({isLiquid:t,hasButton:e,quantity:n,currentVariant:a,defaultQty:r})=>{let i={};return a?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":a?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":n??0,autocomplete:"off",value:n??r??1,...i}};export{getButtonAttrs,getContainerAttrs,getInputAttr};
+let t=({uid:t,isDisabled:e=!0,isDisableByLiquid:a})=>({"data-id":t,"data-disabled":a?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),e=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),a=({isLiquid:t,hasButton:e,quantity:a,currentVariant:n,defaultQty:r})=>{let i={};return n?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":n?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":a??0,autocomplete:"off",value:a??r??1,...i}};export{e as getButtonAttrs,t as getContainerAttrs,a as getInputAttr};

package/dist/esm/product/components/product-quantity/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,handleConvertClassColor as t,getGlobalColorStateClass as p,composeClasses as l}from"@gem-sdk/core";let getInputClasses=({styles:s,borderBtn:g,inputBackgroundColor:n,textColor:r,isDisabled:a})=>{let o="gp-flex gp-w-full gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",i=e(s?.typo,s?.typography),u=t(g),c=p("bg",n),f=p("text",r);return u&&(o+=` ${u} `),i&&(o+=` ${i} `),c&&(o+=` ${c} `),f&&(o+=` ${f} `),a&&(o+="gp-cursor-not-allowed"),{...l(o)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:g,buttonSide:n,isDisabled:r})=>{let a=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${r?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===n?"gp-minus":"gp-plus"} `,o=t(e),i=p("bg",s),u=p("text",g);return o&&(a+=` ${o} `),i&&(a+=` ${i} `),u&&(a+=` ${u} `),{...l(a)}},getContainerClasses=e=>({...l(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${e??""}`)}),getWrapperClasses=()=>({...l("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...l("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});export{getButtonClass,getContainerClasses,getIconWrapperClasses,getInputClasses,getWrapperClasses};
+import{composeClasses as e,composeTypographyClassName as t,handleConvertClassColor as p,getGlobalColorStateClass as l}from"@gem-sdk/core";let g=({styles:g,borderBtn:n,inputBackgroundColor:r,textColor:s,isDisabled:o})=>{let a="gp-flex gp-w-full gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",i=t(g?.typo,g?.typography),u=p(n),c=l("bg",r),f=l("text",s);return u&&(a+=` ${u} `),i&&(a+=` ${i} `),c&&(a+=` ${c} `),f&&(a+=` ${f} `),o&&(a+="gp-cursor-not-allowed"),{...e(a)}},n=({borderBtn:t,buttonBackgroundColor:g,iconColor:n,buttonSide:r,isDisabled:s})=>{let o=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${s?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===r?"gp-minus":"gp-plus"} `,a=p(t),i=l("bg",g),u=l("text",n);return a&&(o+=` ${a} `),i&&(o+=` ${i} `),u&&(o+=` ${u} `),{...e(o)}},r=t=>({...e(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${t??""}`)}),s=()=>({...e("gp-inline-flex gp-w-full gp-overflow-hidden")}),o=()=>({...e("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});export{n as getButtonClass,r as getContainerClasses,o as getIconWrapperClasses,g as getInputClasses,s as getWrapperClasses};

package/dist/esm/product/components/product-quantity/common/helpers.js

@@ -1,4 +1,4 @@
-import{DEVICES as o,makeStyleResponsive as e}from"@gem-sdk/core";let getPlusIcon=o=>o||`<svg
+import{DEVICES as o,makeStyleResponsive as e}from"@gem-sdk/core";let t=o=>o||`<svg
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="0 0 24 24"
@@ -6,7 +6,7 @@ import{DEVICES as o,makeStyleResponsive as e}from"@gem-sdk/core";let getPlusIcon
     >
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"
       />
-    </svg>`,getMinusIcon=o=>o||`<svg
+    </svg>`,r=o=>o||`<svg
       xmlns="http://www.w3.org/2000/svg"
       className="gp-h-full gp-w-full"
       fill="none"
@@ -14,4 +14,4 @@ import{DEVICES as o,makeStyleResponsive as e}from"@gem-sdk/core";let getPlusIcon
       stroke="currentColor"
       >
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
-      </svg>`,getIconWidth=t=>t?(o.forEach(o=>{t?.[o]||(t[o]=t.desktop||void 0)}),e("w",t)):{};export{getIconWidth,getMinusIcon,getPlusIcon};
+      </svg>`,n=t=>t?(o.forEach(o=>{t?.[o]||(t[o]=t.desktop||void 0)}),e("w",t)):{};export{n as getIconWidth,r as getMinusIcon,t as getPlusIcon};

package/dist/esm/product/components/product-quantity/common/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as t,getGlobalColorStateStyle as e,handleConvertBorderStyle as r,handleConvertBorderWidth as o,handleConvertBorderColor as l,composeRadiusResponsive as i,makeStyle as n,getStyleShadow as a,filterHoverVariables as d,makeStyleResponsive as p,composeRadius as b,getResponsiveStyleShadowWithoutState as s,getGlobalColorResponsiveStyle as u,composeBorderResponsive as h,makeStyleState as m}from"@gem-sdk/core";let addPxToValues=t=>Object.fromEntries(Object.entries(t).map(([t,e])=>[t,`${e}px`])),flipBorderWidth=t=>{if(!t)return t;let e=t.split(" ").map(t=>t.trim());return 4===e.length?`${e[0]} ${e[3]} ${e[2]} ${e[1]}`:t},flipCornerRadius=t=>{if(!t)return t;let e={...t},r=e.btlr,o=e.bblr,l=e.btrr,i=e.bbrr;return e.btrr=o,e.bbrr=r,e.btlr=i,e.bblr=l,e},flipBorderObject=t=>{if(!t)return t;let e={...t};return e.width&&(e.width=flipBorderWidth(e.width)),e},getDividerWidth=(t,e)=>{if(!t||!e)return{};let r=addPxToValues(t),o={...m("brw",r),...m("blw",r)};return o},getDividerColorStyle=t=>{if(!t)return{};let r={...t,normal:t?.normal??"transparent"},o={...e("brc",r),...e("blc",r)},l=Object.fromEntries(Object.entries(o).filter(([t,e])=>void 0!==e));return l},getInputStyle=p=>{let{styles:b,setting:s}=p,{inputBackgroundColor:u,textColor:h,dividerColor:m,dividerStroke:c}=b??{},{enableHoverInput:g,hasButton:f}=s??{},y=t(b?.typo,b?.typography),S={...getDividerWidth(c,m),...getDividerColorStyle(m)},w={...e("bg",{...u,normal:u?.normal??"transparent"}),...e("c",{...h,hover:h?.hover??h?.normal}),...f?S:{}},j=b?.inputBorder,O={...r(j),...o(j),...l(j)},x={...f?{}:O,...f?{}:i(b?.shapeRounded),...n({}),...y,...w,...a({value:b?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:b?.typo?.custom?.hasShadowText})};return g?x:d(x)},getButtonStyle=({borderBtn:t,buttonWidth:i,buttonBackgroundColor:n,iconColor:a,corner:s,flipStyle:u,enableHoverButton:h})=>{let m=u?Object.fromEntries(Object.entries(t||{}).map(([t,e])=>[t,flipBorderObject(e)])):t,c=u?Object.fromEntries(Object.entries(s||{}).map(([t,e])=>[t,flipCornerRadius(e)])):s,g={...p("w",i),...r(m),...o(m),...l(m),...e("bg",n),...e("c",a),...b(c)};return h?g:d(g)},getContainerStyles=({inputHeight:t,align:e})=>({...p("h",t),...p("jc",e)}),getWrapperStyles=({backgroundColor:t,styles:e})=>{let r=e?.shapeShadow,o=s(r,"box-shadow",{desktop:r?.desktop??{},tablet:r?.tablet??r?.desktop??{},mobile:r?.mobile??r?.tablet??r?.desktop??{}});return{...u("bg",t),...p("maxw",e?.quantityWidth),...h(e?.shapeBorder),...i(e?.shapeRounded),...o}};export{getButtonStyle,getContainerStyles,getInputStyle,getWrapperStyles};
+import{makeStyleResponsive as t,getResponsiveStyleShadowWithoutState as e,composeRadiusResponsive as r,composeBorderResponsive as o,getGlobalColorResponsiveStyle as n,composeTypographyStyle as l,getGlobalColorStateStyle as a,handleConvertBorderColor as b,handleConvertBorderWidth as i,handleConvertBorderStyle as p,getStyleShadow as s,makeStyle as d,filterHoverVariables as m,composeRadius as u,makeStyleState as h}from"@gem-sdk/core";let c=t=>Object.fromEntries(Object.entries(t).map(([t,e])=>[t,`${e}px`])),w=t=>{if(!t)return t;let e=t.split(" ").map(t=>t.trim());return 4===e.length?`${e[0]} ${e[3]} ${e[2]} ${e[1]}`:t},f=t=>{if(!t)return t;let e={...t},r=e.btlr,o=e.bblr,n=e.btrr,l=e.bbrr;return e.btrr=o,e.bbrr=r,e.btlr=l,e.bblr=n,e},y=t=>{if(!t)return t;let e={...t};return e.width&&(e.width=w(e.width)),e},g=(t,e)=>{if(!t||!e)return{};let r=c(t),o={...h("brw",r),...h("blw",r)};return o},j=t=>{if(!t)return{};let e={...t,normal:t?.normal??"transparent"},r={...a("brc",e),...a("blc",e)},o=Object.fromEntries(Object.entries(r).filter(([t,e])=>void 0!==e));return o},O=t=>{let{styles:e,setting:o}=t,{inputBackgroundColor:n,textColor:u,dividerColor:h,dividerStroke:c}=e??{},{enableHoverInput:w,hasButton:f}=o??{},y=l(e?.typo,e?.typography),O={...g(c,h),...j(h)},S={...a("bg",{...n,normal:n?.normal??"transparent"}),...a("c",{...u,hover:u?.hover??u?.normal}),...f?O:{}},x=e?.inputBorder,k={...p(x),...i(x),...b(x)},E={...f?{}:k,...f?{}:r(e?.shapeRounded),...d({}),...y,...S,...s({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText})};return w?E:m(E)},S=({borderBtn:e,buttonWidth:r,buttonBackgroundColor:o,iconColor:n,corner:l,flipStyle:s,enableHoverButton:d})=>{let h=s?Object.fromEntries(Object.entries(e||{}).map(([t,e])=>[t,y(e)])):e,c=s?Object.fromEntries(Object.entries(l||{}).map(([t,e])=>[t,f(e)])):l,w={...t("w",r),...p(h),...i(h),...b(h),...a("bg",o),...a("c",n),...u(c)};return d?w:m(w)},x=({inputHeight:e,align:r})=>({...t("h",e),...t("jc",r)}),k=({backgroundColor:l,styles:a})=>{let b=a?.shapeShadow,i=e(b,"box-shadow",{desktop:b?.desktop??{},tablet:b?.tablet??b?.desktop??{},mobile:b?.mobile??b?.tablet??b?.desktop??{}});return{...n("bg",l),...t("maxw",a?.quantityWidth),...o(a?.shapeBorder),...r(a?.shapeRounded),...i}};export{S as getButtonStyle,x as getContainerStyles,O as getInputStyle,k as getWrapperStyles};

package/dist/esm/product/components/product-quantity/hooks/useProductQuantity.js

@@ -1 +1 @@
-import{useQuantity as t,useCurrentVariantInStock as e,useProduct as r,useIsSyncProduct as a,useInteraction as n}from"@gem-sdk/core";import{useRef as u,useEffect as o}from"react";import{useTransition as i}from"../../product-variants/common/common.js";let useProductQuantity=d=>{let{setting:l={},advanced:c}=d,{updatePrice:m}=l,{quantity:s,setQuantity:p,setUpdatePrice:y,increment:g,decrement:q}=t(),v=e(),f=r(),w=a(),{trigger:Q}=n(),$=u(null),b=l.defaultQtyValue||1;o(()=>{p(parseFloat(`${b}`))},[p,b]),o(()=>{y(m||!1)},[m,y]);let h=t=>{let e=t.detail,r=f?.id;w&&e&&r==e.productId&&s!=e.quantity&&(k(e.quantity),p(e.quantity))};o(()=>{window.removeEventListener("set-product-quantity",h),window.addEventListener("set-product-quantity",h)}),i(t=>{t!==s&&k(s||0)},[s]);let k=t=>{Q({event:"gp:rollback:quantity-change",selector:`[data-id="${c?.uid}"]`,element:$.current}),Q({event:"gp:quantity-change",selector:`[data-id="${c?.uid}"]`,data:t,element:$.current})},E=()=>{v&&g()},I=()=>{v&&q()},L=t=>{v&&p(parseInt(t.target.value,10))},P=t=>{v||t.target.blur()};return{isInStock:v,ref:$,onClickIncrement:E,onClickDecrement:I,onChangeInput:L,onFocusInput:P}};export{useProductQuantity};
+import{useQuantity as t,useCurrentVariantInStock as e,useProduct as n,useIsSyncProduct as r,useInteraction as a}from"@gem-sdk/core";import{useRef as o,useEffect as u}from"react";import{useTransition as i}from"../../product-variants/common/common.js";let c=c=>{let{setting:d={},advanced:l}=c,{updatePrice:m}=d,{quantity:p,setQuantity:s,setUpdatePrice:y,increment:g,decrement:q}=t(),v=e(),I=n(),f=r(),{trigger:k}=a(),w=o(null),h=d.defaultQtyValue||1;u(()=>{s(parseFloat(`${h}`))},[s,h]),u(()=>{y(m||!1)},[m,y]);let C=t=>{let e=t.detail,n=I?.id;f&&e&&n==e.productId&&p!=e.quantity&&($(e.quantity),s(e.quantity))};u(()=>{window.removeEventListener("set-product-quantity",C),window.addEventListener("set-product-quantity",C)}),i(t=>{t!==p&&$(p||0)},[p]);let $=t=>{k({event:"gp:rollback:quantity-change",selector:`[data-id="${l?.uid}"]`,element:w.current}),k({event:"gp:quantity-change",selector:`[data-id="${l?.uid}"]`,data:t,element:w.current})};return{isInStock:v,ref:w,onClickIncrement:()=>{v&&g()},onClickDecrement:()=>{v&&q()},onChangeInput:t=>{v&&s(parseInt(t.target.value,10))},onFocusInput:t=>{v||t.target.blur()}}};export{c as useProductQuantity};

package/dist/esm/product/components/product-quick-view/ProductQuickView.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{usePluginEnable as r,useProduct as e,useProductQuery as i,ProductProvider as c}from"@gem-sdk/core";import{useState as l}from"react";import p from"../../../grid/components/row/Row.js";import n from"../../../grid/components/col/Col.js";import"../../../modal/components/confirm.js";import s from"../../../modal/components/Modal.js";import a from"../product-button/ProductButton.js";import d from"../ProductImages.js";import m from"../product-price/ProductPrice.js";import u from"../product-quantity/ProductQuantity.js";import g from"../product-title/ProductTitle.js";import h from"../product-variants/ProductVariants.js";let ModalContent=()=>{let r=e(),{data:l,isValidating:s,error:y}=i(r?.id);return s?o("div",{children:t("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[o("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),o("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):y?o("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):o(c,{product:l,children:t(p,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[o(n,{children:o(d,{})}),t(n,{children:[o(g,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),t(p,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[o(n,{children:o(m,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),o(n,{children:o(m,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),o(h,{}),o(u,{}),o(a,{})]})]})})},ProductQuickView=({label:e})=>{let[i,c]=l(!1),p=r();return p?.includes("quick-view")?t("div",{children:[o("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>c(t=>!t),children:e}),o(s,{setting:{open:i},closeOnClickOutside:!0,onClose:()=>c(t=>!t),children:o(ModalContent,{})})]}):null};ProductQuickView.defaultProps={label:"Quick View"};export{ProductQuickView as default};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{usePluginEnable as o,useProduct as e,useProductQuery as i,ProductProvider as l}from"@gem-sdk/core";import{useState as c}from"react";import p from"../../../grid/components/row/Row.js";import s from"../../../grid/components/col/Col.js";import"../../../modal/components/confirm.js";import n from"../../../modal/components/Modal.js";import a from"../product-button/ProductButton.js";import d from"../ProductImages.js";import m from"../product-price/ProductPrice.js";import u from"../product-quantity/ProductQuantity.js";import g from"../product-title/ProductTitle.js";import h from"../product-variants/ProductVariants.js";let y=()=>{let o=e(),{data:c,isValidating:n,error:y}=i(o?.id);return n?r("div",{children:t("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):y?r("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):r(l,{product:c,children:t(p,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[r(s,{children:r(d,{})}),t(s,{children:[r(g,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),t(p,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[r(s,{children:r(m,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),r(s,{children:r(m,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),r(h,{}),r(u,{}),r(a,{})]})]})})},f=({label:e})=>{let[i,l]=c(!1),p=o();return p?.includes("quick-view")?t("div",{children:[r("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>l(t=>!t),children:e}),r(n,{setting:{open:i},closeOnClickOutside:!0,onClose:()=>l(t=>!t),children:r(y,{})})]}):null};f.defaultProps={label:"Quick View"};export{f as default};

package/dist/esm/product/components/product-quick-view/QuickView.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as i}from"react/jsx-runtime";import{usePluginEnable as e}from"@gem-sdk/core";import r from"next/dynamic";let ProductQuickView=r(()=>import("./ProductQuickView.js"),{ssr:!1}),QuickView=()=>{let r=e();return r?.includes("quick-view")?i(ProductQuickView,{}):null};export{QuickView as default};
+import{jsx as r}from"react/jsx-runtime";import{usePluginEnable as e}from"@gem-sdk/core";import i from"next/dynamic";let t=i(()=>import("./ProductQuickView.js"),{ssr:!1}),m=()=>{let i=e();return i?.includes("quick-view")?r(t,{}):null};export{m as default};

package/dist/esm/product/components/product-sku/Sku.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useCurrentVariant as t,useRenderMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{If as o}from"@gem-sdk/system";let ProductSku=({setting:s,builderProps:d,styles:i})=>{let m=t(),{isPreviewSharePageMode:u}=r();i?.disableHoverColor&&delete i.underlineLink;let p=s?.label&&s.label.trim().length?`${s.label} ${m?.sku??""}`:`${m?.sku??""}`,n=u?"":e("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return e("div",{id:`sku-${d?.uid}`,children:o(!m?.sku,n,e(l,{builderProps:d,styles:i,setting:{...s,text:p,excludeFlex:!0}}))})};export{ProductSku as default};
+import{jsx as e}from"react/jsx-runtime";import{useCurrentVariant as t,useRenderMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{If as s}from"@gem-sdk/system";let o=({setting:o,builderProps:i,styles:d})=>{let m=t(),{isPreviewSharePageMode:p}=r();d?.disableHoverColor&&delete d.underlineLink;let n=o?.label&&o.label.trim().length?`${o.label} ${m?.sku??""}`:`${m?.sku??""}`,u=p?"":e("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return e("div",{id:`sku-${i?.uid}`,children:s(!m?.sku,u,e(l,{builderProps:i,styles:d,setting:{...o,text:n,excludeFlex:!0}}))})};export{o as default};

package/dist/esm/product/components/product-sku/Sku.liquid.js

@@ -1,7 +1,7 @@
-import{template as t,isLocalEnv as e,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as s}from"../../../helpers.js";import a from"../../../text/components/Text.liquid.js";import{LiquidUnless as o,LiquidIf as l,If as i}from"@gem-sdk/system";let ProductSku=({setting:p,styles:u,advanced:c,builderProps:n})=>{let d=u?.typo?.attrs?.transform==="capitalize",m=p?.label&&p.label.trim().length?`${d?p.label.toString().toLocaleLowerCase():p.label}`:"";u?.disableHoverColor&&delete u.underlineLink;let g=()=>{let t=e?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${s('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`};return t`
+import{template as t,baseAssetURL as e,isLocalEnv as r}from"@gem-sdk/core";import{getSettingPreloadData as s}from"../../../helpers.js";import a from"../../../text/components/Text.liquid.js";import{LiquidUnless as o,LiquidIf as l,If as i}from"@gem-sdk/system";let p=({setting:p,styles:u,advanced:c,builderProps:n})=>{let d=u?.typo?.attrs?.transform==="capitalize",m=p?.label&&p.label.trim().length?`${d?p.label.toString().toLocaleLowerCase():p.label}`:"";return u?.disableHoverColor&&delete u.underlineLink,t`
     ${o("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
       <gp-product-sku>
         <script gp-data type="application/json">${JSON.stringify({label:m})}</script>
         ${a({styles:u,setting:{...p,text:`${l("currentVariant.sku.size > 0 ",`${m} ${i(d,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:c,builderProps:n,className:"gp-product-sku"})}
       </gp-product-sku>
-      ${g()}`)}`};export{ProductSku as default};
+      ${(()=>{let t=r?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${e}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${s('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}`)}`};export{p as default};

package/dist/esm/product/components/product-title/ProductTitle.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import e from"next/link";import{useRenderMode as r,useProduct as o,useEditorMode as i}from"@gem-sdk/core";import{urlJoin as m}from"../../../link/common/helpers.js";import d from"../../../text/components/Text.js";import{createClass as l,createAttr as p,Unless as s,If as c}from"@gem-sdk/system";import{getTextProps as n}from"./common/helpers.js";let ProductTitle=a=>{let{setting:u,builderProps:f}=a,{isPreviewSharePageMode:h}=r(),k=o(),x=h?`/products/${k?.handle}`:k?.handle?m("/products",k.handle):"#",g=k?.baseID?.replace("gid://shopify/Product/",""),j=i(),P=()=>t(d,{...n(a,k?.title)}),y={href:x,title:k?.title},T=u?.linkProduct,$=l({"gp-product-title-link-wrapper":!0}),b=p({id:`shopify-text-element-${f?.uid}`,...g&&{"data-product-id":g}});return t("div",{..."edit"===j&&b,children:s(!!k,"",c(T,t(e,{...y,className:$,children:P()}),P()))})};export{ProductTitle as default};
+import{jsx as t}from"react/jsx-runtime";import e from"next/link";import{useRenderMode as r,useProduct as o,useEditorMode as i}from"@gem-sdk/core";import{urlJoin as m}from"../../../link/common/helpers.js";import d from"../../../text/components/Text.js";import{createClass as l,createAttr as p,Unless as s,If as n}from"@gem-sdk/system";import{getTextProps as c}from"./common/helpers.js";let a=a=>{let{setting:f,builderProps:u}=a,{isPreviewSharePageMode:h}=r(),k=o(),x=h?`/products/${k?.handle}`:k?.handle?m("/products",k.handle):"#",g=k?.baseID?.replace("gid://shopify/Product/",""),j=i(),y=()=>t(d,{...c(a,k?.title)}),P={href:x,title:k?.title},T=f?.linkProduct,$=l({"gp-product-title-link-wrapper":!0}),b=p({id:`shopify-text-element-${u?.uid}`,...g&&{"data-product-id":g}});return t("div",{..."edit"===j&&b,children:s(!!k,"",n(T,t(e,{...P,className:$,children:y()}),y()))})};export{a as default};

package/dist/esm/product/components/product-title/ProductTitle.liquid.js

@@ -1,9 +1,9 @@
-import{template as t,dataStringify as r,isLocalEnv as e,baseAssetURL as p}from"@gem-sdk/core";import{getStaticLocale as o,getSettingPreloadData as i}from"../../../helpers.js";import s from"../../../text/components/Text.liquid.js";import{createAttr as l,createClass as d,createStateOrContext as c,LiquidUnless as u,If as m}from"@gem-sdk/system";import{getTextProps as a}from"./common/helpers.js";let ProductTitle=n=>{let{setting:$,builderProps:f}=n,g=`<p>${o("ProductTitle","product_not_found")}</p>`,k=()=>s(a(n)),P=l({href:"{{ product.url }}",title:"{{ product.title }}"}),j=$?.linkProduct,S=d({"gp-product-title-link-wrapper":!0}),T=c({setting:{linkProduct:$?.linkProduct},uid:f?.uid}),h=()=>{let t=e?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${p}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${i('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`};return u("product",`${g}`,t`
+import{dataStringify as t,template as r,baseAssetURL as e,isLocalEnv as p}from"@gem-sdk/core";import{getStaticLocale as o,getSettingPreloadData as s}from"../../../helpers.js";import i from"../../../text/components/Text.liquid.js";import{createAttr as l,createClass as d,createStateOrContext as c,LiquidUnless as u,If as m}from"@gem-sdk/system";import{getTextProps as a}from"./common/helpers.js";let n=n=>{let{setting:$,builderProps:f}=n,g=`<p>${o("ProductTitle","product_not_found")}</p>`,k=()=>i(a(n)),j=l({href:"{{ product.url }}",title:"{{ product.title }}"}),P=$?.linkProduct,S=d({"gp-product-title-link-wrapper":!0}),h=c({setting:{linkProduct:$?.linkProduct},uid:f?.uid});return u("product",`${g}`,r`
       <gp-product-title>
-        <script gp-data type="application/json">${r(T)}</script>
-        ${m(j,t`<a ${P} class="${S}">
+        <script gp-data type="application/json">${t(h)}</script>
+        ${m(P,r`<a ${j} class="${S}">
             ${k()}
-            </a>`,t`${k()}`)}
+            </a>`,r`${k()}`)}
       </gp-product-title>
-      ${h()}
-    `)};export{ProductTitle as default};
+      ${(()=>{let t=p?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${e}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${s('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
+    `)};export{n as default};

package/dist/esm/product/components/product-title/common/helpers.js

@@ -1 +1 @@
-let getTextProps=(t,e)=>{let{setting:r,builderProps:x,styles:l,advanced:o}=t;return{builderProps:x,styles:l,setting:{...r,text:e||"{{ product.title }}",excludeFlex:!0},advanced:o}};export{getTextProps};
+let t=(t,e)=>{let{setting:l,builderProps:r,styles:x,advanced:o}=t;return{builderProps:r,styles:x,setting:{...l,text:e||"{{ product.title }}",excludeFlex:!0},advanced:o}};export{t as getTextProps};

package/dist/esm/product/components/product-variants/OptionVariantsNewFormat.liquid.js

@@ -1,4 +1,4 @@
-import{template as e}from"@gem-sdk/core";import{Liquid as s,LiquidIf as i}from"@gem-sdk/system";import{OPTION_VALUES_DELIMITER as n}from"./common/const.js";let renderOptionValuesNewFormatSwatches=t=>{let{renderVariantItem:o,variantPresetsLiquid:r}=t;return e`
+import{template as e}from"@gem-sdk/core";import{Liquid as s,LiquidIf as i}from"@gem-sdk/system";import{OPTION_VALUES_DELIMITER as n}from"./common/const.js";let t=t=>{let{renderVariantItem:o,variantPresetsLiquid:r}=t;return e`
     ${s("{%- assign optionRendered = false -%}")}
     ${s("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
 
@@ -38,4 +38,4 @@ import{template as e}from"@gem-sdk/core";import{Liquid as s,LiquidIf as i}from"@
     {% endfor %}`)}
 
     ${i("optionRendered == false",o({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};export{renderOptionValuesNewFormatSwatches};
+  `};export{t as renderOptionValuesNewFormatSwatches};

package/dist/esm/product/components/product-variants/OptionVariantsOldFormat.liquid.js

@@ -1,4 +1,4 @@
-import{Liquid as e,LiquidFor as s,LiquidIf as t}from"@gem-sdk/system";import{template as i}from"@gem-sdk/core";let renderOptionValuesOld=a=>{let{renderVariantItem:n,variantPresetsLiquid:o}=a;return i`
+import{Liquid as e,LiquidFor as s,LiquidIf as t}from"@gem-sdk/system";import{template as i}from"@gem-sdk/core";let a=a=>{let{renderVariantItem:n,variantPresetsLiquid:o}=a;return i`
     ${e("{%- assign optionRendered = false -%}")}
     ${e("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
     ${e("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
@@ -63,4 +63,4 @@ import{Liquid as e,LiquidFor as s,LiquidIf as t}from"@gem-sdk/system";import{tem
     `)}
 
     ${t("optionRendered == false",n({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};export{renderOptionValuesOld};
+  `};export{a as renderOptionValuesOld};

package/dist/esm/product/components/product-variants/ProductVariants.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useI18nStore as e,useVariants as n,OptionSpecialStyle as r,DEVICES as i,getResponsiveValueByScreen as a}from"@gem-sdk/core";import s from"../../../text/components/Text.js";import m from"./components/variants/index.js";import p from"./components/dropdown-swatches/Dropdown.js";import l from"./components/dropdown-group/DropdownGroup.js";import c from"../../../common/components/NoDataState.js";import{createClass as d,createAttr as u,createStyle as f,If as h}from"@gem-sdk/system";import{getWrapperStyle as y,getVariantOptionGroupStyle as g}from"./common/main/styles.js";import{getAttrs as v}from"./common/main/getAttr.js";import{getWrapDropdownClass as j,getVariantOptionGroupClass as w}from"./common/main/classes.js";import{getDropdownGroupData as x,getTextVariantTitleData as N}from"./common/main/getData.js";import{useGpVariants as b}from"./hooks/useGpVariants.js";import{getWrapVariantOptionClass as k}from"./common/variants/classes.js";import{getMarginBottomStyle as T}from"./common/variants/styles.js";let ProductVariants=A=>{let{t:P}=e(),{builderProps:V,styles:D,setting:$}=A,{align:S,optionTypo:C,swatchItemWidth:E,dropdownItemWidth:G,swatchSpacing:O,marginBottom:W}=D??{},{label:_,showAsSwatches:z,layout:K,hasPreSelected:R}=$??{},{uid:q}=V??{},B=n(),{mode:F,options:H,variantId:I,elementRef:J,variantGroup:L,isChangeVariant:M,selectedOptions:Q,isDefaultVariant:U,getVariantConfiguration:X,redirectProductShopifyLink:Y}=b(A,B),Z=()=>{let o={};return i.forEach(t=>{let e=a(E,t);o[t]="auto"===e}),o},oo=()=>{let o={};return i.forEach(t=>{o[t]=G?.[t]==="fill"}),o},ot=()=>{let e=H?.filter(o=>{let t=X(o.name);return!t?.hide});return e?.map((n,i)=>{let a=X(n.name),l=a?a.optionType:n.optionType,c=a?a.presets[a.optionType||"rectangle_list"]?.spacing:O,u=(R||I)&&n.name?Q?.[n.name]:void 0,y=d(w(S)),v=f(g(O,c)),j=N(A,"React",{optionName:n.name,hasPreSelected:R,selectedOptions:Q,styleOptionSelected:l}),x=d(k(K,S)),b=i===e.length-1;return t("div",{className:x,style:f(T(W,b)),children:[h(_,o(s,{...j})),t("div",{className:y,style:v,children:[z&&r.includes(`${l}`)&&n.values.map(t=>{let e=(!!R||!!M||!!I)&&!!n.name&&Q?.[n.name]===t.label;return o(m,{variantKey:`${n.id}-${t.id}`,showAsSwatches:z,uid:q,optionName:n.name??"",optionValue:t.label??"",name:n.name,value:t,optionNumber:H.length,optionPosition:i,...D,...$,presetConfiguration:X(n.name),checked:e,typeOfOption:l||"dropdown",swatchAutoWidth:Z(),optionTypo:C},t.id)}),h(("dropdown"===l||z&&!r.includes(`${l}`))&&"radio_buttons"!==l,o(p,{...D,...$,variants:B,option:n,initValue:u,presetConfiguration:X(n.name),swatchAutoWidth:oo(),optionTypo:C,optionPosition:i,optionNumber:H.length}))]})]},n.id)})},oe=d(j(S)),on=x(A),or=()=>o("div",{className:oe,children:o(l,{...on})});if(U&&"edit"===F)return o(c,{elementType:"secondary",description:P("Setup options like colors, sizes with product variant."),descriptionActions:[{text:P("Add new variant"),callback:Y},{text:P("sync data"),callback:"syncProduct"}]});if(U)return;let oi=u(v({uid:q,hasPreSelected:R})),oa=f(y(A)),os=d({"gp-flex gp-flex-col !gp-ml-0":!0});return o("div",{ref:J,...oi,className:os,style:oa,children:h(L,or(),ot())})};export{ProductVariants as default};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useI18nStore as e,useVariants as n,OptionSpecialStyle as r,DEVICES as i,getResponsiveValueByScreen as a}from"@gem-sdk/core";import m from"../../../text/components/Text.js";import s from"./components/variants/index.js";import p from"./components/dropdown-swatches/Dropdown.js";import l from"./components/dropdown-group/DropdownGroup.js";import c from"../../../common/components/NoDataState.js";import{createClass as d,createAttr as u,createStyle as f,If as h}from"@gem-sdk/system";import{getWrapperStyle as y,getVariantOptionGroupStyle as g}from"./common/main/styles.js";import{getAttrs as v}from"./common/main/getAttr.js";import{getWrapDropdownClass as j,getVariantOptionGroupClass as w}from"./common/main/classes.js";import{getDropdownGroupData as x,getTextVariantTitleData as N}from"./common/main/getData.js";import{useGpVariants as b}from"./hooks/useGpVariants.js";import{getWrapVariantOptionClass as k}from"./common/variants/classes.js";import{getMarginBottomStyle as T}from"./common/variants/styles.js";let A=A=>{let{t:D}=e(),{builderProps:P,styles:V,setting:$}=A,{align:S,optionTypo:C,swatchItemWidth:E,dropdownItemWidth:G,swatchSpacing:O,marginBottom:W}=V??{},{label:_,showAsSwatches:z,layout:K,hasPreSelected:R}=$??{},{uid:q}=P??{},B=n(),{mode:F,options:H,variantId:I,elementRef:J,variantGroup:L,isChangeVariant:M,selectedOptions:Q,isDefaultVariant:U,getVariantConfiguration:X,redirectProductShopifyLink:Y}=b(A,B),Z=()=>{let o={};return i.forEach(t=>{let e=a(E,t);o[t]="auto"===e}),o},oo=()=>{let o={};return i.forEach(t=>{o[t]=G?.[t]==="fill"}),o},ot=d(j(S)),oe=x(A);if(U&&"edit"===F)return o(c,{elementType:"secondary",description:D("Setup options like colors, sizes with product variant."),descriptionActions:[{text:D("Add new variant"),callback:Y},{text:D("sync data"),callback:"syncProduct"}]});if(U)return;let on=u(v({uid:q,hasPreSelected:R})),or=f(y(A)),oi=d({"gp-flex gp-flex-col !gp-ml-0":!0});return o("div",{ref:J,...on,className:oi,style:or,children:h(L,o("div",{className:ot,children:o(l,{...oe})}),(()=>{let e=H?.filter(o=>{let t=X(o.name);return!t?.hide});return e?.map((n,i)=>{let a=X(n.name),l=a?a.optionType:n.optionType,c=a?a.presets[a.optionType||"rectangle_list"]?.spacing:O,u=(R||I)&&n.name?Q?.[n.name]:void 0,y=d(w(S)),v=f(g(O,c)),j=N(A,"React",{optionName:n.name,hasPreSelected:R,selectedOptions:Q,styleOptionSelected:l}),x=d(k(K,S)),b=i===e.length-1;return t("div",{className:x,style:f(T(W,b)),children:[h(_,o(m,{...j})),t("div",{className:y,style:v,children:[z&&r.includes(`${l}`)&&n.values.map(t=>{let e=(!!R||!!M||!!I)&&!!n.name&&Q?.[n.name]===t.label;return o(s,{variantKey:`${n.id}-${t.id}`,showAsSwatches:z,uid:q,optionName:n.name??"",optionValue:t.label??"",name:n.name,value:t,optionNumber:H.length,optionPosition:i,...V,...$,presetConfiguration:X(n.name),checked:e,typeOfOption:l||"dropdown",swatchAutoWidth:Z(),optionTypo:C},t.id)}),h(("dropdown"===l||z&&!r.includes(`${l}`))&&"radio_buttons"!==l,o(p,{...V,...$,variants:B,option:n,initValue:u,presetConfiguration:X(n.name),swatchAutoWidth:oo(),optionTypo:C,optionPosition:i,optionNumber:H.length}))]})]},n.id)})})())})};export{A as default};