@gem-sdk/components 19.1.0-staging.9 → 20.0.1

package/dist/esm/accordion/next.js

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

package/dist/esm/article/components/ArticleContent.js

@@ -1,5 +1,5 @@
 'use client';
-import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticleStore as i,useCurrentDevice as o,useShopStore as r,useI18nStore as n,getResponsiveValueByScreen as c,composeTypographyClassName as a,composeTypographyStyle as l,isSafari as s,makeStyle as d,getStyleShadow as m,makeStyleResponsive as y,getGlobalColorStateStyle as h,cls as g}from"@gem-sdk/core";import{useState as x,useRef as f,useEffect as u}from"react";import w from"../../common/components/NoDataState.js";import"../../common/const.js";import{styleOverride as v}from"../common/helpers.js";let A=({styles:A,builderProps:S})=>{let b=i(t=>t.article),[j,k]=x(!1),C=f(null),$=o(),_=r(t=>t.storefrontUrl),{t:I}=n(),L=c(A?.hasLineClamp,$),N=c(A?.lineClamp,$);u(()=>{k(!1)},[L,N,b?.description]);let T=a(A?.typo,A?.typography),D=l(A?.typo,A?.typography),U=`
+import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticleStore as i,useCurrentDevice as o,useShopStore as r,useI18nStore as n,getResponsiveValueByScreen as c,composeTypographyClassName as a,composeTypographyStyle as l,isSafari as s,makeStyle as d,getStyleShadow as m,makeStyleResponsive as y,getGlobalColorStateStyle as h,cls as g}from"@gem-sdk/core";import{useState as x,useRef as f,useEffect as u}from"react";import w from"../../common/components/NoDataState.js";import{styleOverride as v}from"../common/helpers.js";let A=({styles:A,builderProps:S})=>{let b=i(t=>t.article),[k,C]=x(!1),$=f(null),_=o(),j=r(t=>t.storefrontUrl),{t:I}=n(),L=c(A?.hasLineClamp,_),N=c(A?.lineClamp,_);u(()=>{C(!1)},[L,N,b?.description]);let T=a(A?.typo,A?.typography),D=l(A?.typo,A?.typography),U=`
     .gp-p-description-text a:empty,
     .gp-p-description-text ul:empty,
     .gp-p-description-text dl:empty,
@@ -16,4 +16,4 @@ import{jsx as t,jsxs as e,Fragment as p}from"react/jsx-runtime";import{useArticl
         display: none;
     }
    ${v}
-  `;return t("div",{"data-id":S?.uid,id:`shopify-text-element-${S?.uid}`,className:"gp-article-description","data-article-id":b?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:b?.content?.html?e(p,{children:[!s()&&t("style",{children:U}),t("div",{ref:C,className:g("gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",T),style:{...h("c",A?.color),...y("ta",A?.textAlign),...L&&!j?y("line-clamp",A?.lineClamp):{},...m({value:A?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:A?.typo?.custom?.hasShadowText}),...d({tt:A?.transform}),...D},dangerouslySetInnerHTML:{__html:b?.content?.html}})]}):t("div",{children:t(w,{elementType:"secondary",description:I("Inform and provide value to the audience with article content."),descriptionActions:[{text:I("Add article content"),callback:()=>{if(!_)return;let t=new URL(_);window.open(`${t.protocol}//${t.host}/admin/content/articles`)}},{text:I("sync data"),callback:"syncArticle"}]})})})};export{A as default};
+  `;return t("div",{"data-id":S?.uid,id:`shopify-text-element-${S?.uid}`,className:"gp-article-description","data-article-id":b?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:b?.content?.html?e(p,{children:[!s()&&t("style",{children:U}),t("div",{ref:$,className:g("gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",T),style:{...h("c",A?.color),...y("ta",A?.textAlign),...L&&!k?y("line-clamp",A?.lineClamp):{},...m({value:A?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:A?.typo?.custom?.hasShadowText}),...d({tt:A?.transform}),...D},dangerouslySetInnerHTML:{__html:b?.content?.html}})]}):t("div",{children:t(w,{elementType:"secondary",description:I("Inform and provide value to the audience with article content."),descriptionActions:[{text:I("Add article content"),callback:()=>{if(!j)return;let t=new URL(j);window.open(`${t.protocol}//${t.host}/admin/content/articles`)}},{text:I("sync data"),callback:"syncArticle"}]})})})};export{A as default};

package/dist/esm/article/components/ArticleExcerpt.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"next/link";import r from"../../text/components/Text.js";import{useArticleStore as o,useShopStore as i,useI18nStore as c}from"@gem-sdk/core";import{useMemo as l}from"react";import{useArticleLink as n}from"../hooks/useArticleLink.js";import s from"../../common/components/NoDataState.js";import"../../common/const.js";let m=({setting:m,styles:a,builderProps:p})=>{let d=o(e=>e.article),x=i(e=>e.storefrontUrl),f=l(()=>d?.content?.excerptHtml,[d]),{shopifyArticleLink:u}=n(),{t:y}=c();return e("div",{id:`shopify-text-element-${p?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:d&&f?m?.linkArticle?e(t,{href:u,title:d?.title,children:e(r,{builderProps:p,styles:a,setting:{...m,text:f,excludeFlex:!0}})}):e(r,{builderProps:p,styles:a,setting:{...m,text:f,excludeFlex:!0}}):e(s,{elementType:"secondary",description:y("Provide a brief summary or teaser of the article. "),descriptionActions:[{text:y("Add article excerpt"),callback:()=>{if(!x)return;let e=new URL(x);window.open(`${e.protocol}//${e.host}/admin/content/articles`)}},{text:y("sync data"),callback:"syncArticle"}]})})};export{m as default};
+import{jsx as e}from"react/jsx-runtime";import t from"next/link";import r from"../../text/components/Text.js";import{useArticleStore as i,useShopStore as o,useI18nStore as l}from"@gem-sdk/core";import{useMemo as c}from"react";import{useArticleLink as n}from"../hooks/useArticleLink.js";import s from"../../common/components/NoDataState.js";let a=({setting:a,styles:m,builderProps:d})=>{let p=i(e=>e.article),x=o(e=>e.storefrontUrl),f=c(()=>p?.content?.excerptHtml,[p]),{shopifyArticleLink:u}=n(),{t:y}=l();return e("div",{id:`shopify-text-element-${d?.uid}`,"data-article-id":p?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:p&&f?a?.linkArticle?e(t,{href:u,title:p?.title,children:e(r,{builderProps:d,styles:m,setting:{...a,text:f,excludeFlex:!0}})}):e(r,{builderProps:d,styles:m,setting:{...a,text:f,excludeFlex:!0}}):e(s,{elementType:"secondary",description:y("Provide a brief summary or teaser of the article. "),descriptionActions:[{text:y("Add article excerpt"),callback:()=>{if(!x)return;let e=new URL(x);window.open(`${e.protocol}//${e.host}/admin/content/articles`)}},{text:y("sync data"),callback:"syncArticle"}]})})};export{a as default};

package/dist/esm/article/components/ArticleList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as i,splitStyle as l,composeAdvanceStyle as a,useBlogsQuery as r,useArticlesQuery as o,flattenConnection as d,filterToolbarPreview as n,ArticleListProvider as s,ArticleProvider as c,isEmptyChildren as m,cls as g,makeStyleResponsive as p,getResponsiveValueByScreen as h,getGradientBgrStyleByDevice as u,getStyleBackgroundByDevice as b,makeStyleWithDefault as f,makeWidth as w}from"@gem-sdk/core";import T from"../../grid/components/ChildrenDroppable.js";import y from"../../common/components/Loading.js";import{useState as A}from"react";import"../../common/const.js";import D from"./ArticleNotFound.js";let v=v=>{let S=i(),{styles:O,setting:k,className:I,children:E,builderProps:L,advanced:P,builderAttrs:G,style:_}=v??{},{articleSetting:j,numberOfArticle:x}=k??{},{articleIds:C,articlePickType:M}=j??{},{border:N,rounded:z,hasBoxShadow:B,boxShadow:F}=P??{},[R]=l(["pos","top","left","bottom","right","z","d"],_),U=a({border:N,rounded:z,hasBoxShadow:B,boxShadow:F,"spacing-setting":P?.["spacing-setting"]}),$={first:C?.length||50,where:{baseIDIn:[...j?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},V={first:1,where:{baseID:j?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[H,q]=A(!0),J=r("latest"===M?V:null,{revalidateOnMount:!0}),K=o("manually"===M?$:null,{revalidateOnMount:!0}),Q=J.data?.blogs?.edges?.[0]?.node,W="manually"===M?K.isLoading:J.isLoading,X="manually"===M?K.isValidating:J.isValidating,Y="manually"===M?K.error:J.error,Z=J?.data?.blogs?.edges?.[0]?.node,ee="latest"===M?d(Z?.articles):d(K?.data?.articles),et=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),ei="latest"===M?ee?.filter((e,t)=>t<+(x||4)).map(e=>et(e,Z)):"manually"===M&&j?.articleIds?.length?C?.map(e=>{let t=ee?.find(t=>t?.baseID===e);return et(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):ee.filter((e,t)=>t<(j?.numOfSelectedArticles||4)).map(e=>et(e,e?.blogs?.edges?.[0]?.node));return ei?.length||W||"edit"!=S?e("div",{...G,className:L?.builderData?.uid,style:R,children:[X||W?t(y,{}):Y?e("div",{children:["Error: ",Y?.message]}):ei?.length?t(s,{styles:{horizontalGutter:O?.horizontalGutter,verticalGutter:O?.verticalGutter,spacing:O?.spacing,width:O?.width,height:O?.height},settings:{slidesToShow:k?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:ei,children:t("div",{"data-id":L?.uid,className:"gp-relative",children:t("div",{style:{...U,...f("w",w(O?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...p("rg",O?.horizontalGutter),...p("cg",O?.verticalGutter),...b(k?.background),...u(k?.background),...p("gtc",{desktop:`repeat(${h(k?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:k?.slideToShow?.tablet&&`repeat(${h(k?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:k?.slideToShow?.mobile&&`repeat(${h(k?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:g(I,"gp-m-auto gp-grid gp-w-full"),children:ei.map(e=>t(c,{article:e,readOnly:!0,children:t("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:m(E)?t(T,{}):E})},e?.id))})})}):t("div",{children:"Articles not found"}),n(E,!0)]}):H?e("div",{...G,className:L?.builderData?.uid,children:[t(D,{blogHandle:Q?.handle,onClose:()=>q(!1),articlePickType:M??"manually",children:E}),n(E,!0)]}):null};export{v as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as l,splitStyle as i,composeAdvanceStyle as a,useBlogsQuery as r,useArticlesQuery as o,flattenConnection as d,filterToolbarPreview as n,ArticleListProvider as s,ArticleProvider as c,isEmptyChildren as m,cls as g,makeStyleResponsive as p,getResponsiveValueByScreen as h,getGradientBgrStyleByDevice as u,getStyleBackgroundByDevice as b,makeStyleWithDefault as f,makeWidth as w}from"@gem-sdk/core";import T from"../../grid/components/ChildrenDroppable.js";import y from"../../common/components/Loading.js";import{useState as A}from"react";import D from"./ArticleNotFound.js";let v=v=>{let S=l(),{styles:O,setting:k,className:I,children:E,builderProps:L,advanced:P,builderAttrs:G,style:_}=v??{},{articleSetting:x,numberOfArticle:C}=k??{},{articleIds:M,articlePickType:N}=x??{},{border:j,rounded:z,hasBoxShadow:B,boxShadow:F}=P??{},[R]=i(["pos","top","left","bottom","right","z","d"],_),U=a({border:j,rounded:z,hasBoxShadow:B,boxShadow:F,"spacing-setting":P?.["spacing-setting"]}),$={first:M?.length||50,where:{baseIDIn:[...x?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},V={first:1,where:{baseID:x?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[H,q]=A(!0),J=r("latest"===N?V:null,{revalidateOnMount:!0}),K=o("manually"===N?$:null,{revalidateOnMount:!0}),Q=J.data?.blogs?.edges?.[0]?.node,W="manually"===N?K.isLoading:J.isLoading,X="manually"===N?K.isValidating:J.isValidating,Y="manually"===N?K.error:J.error,Z=J?.data?.blogs?.edges?.[0]?.node,ee="latest"===N?d(Z?.articles):d(K?.data?.articles),et=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),el="latest"===N?ee?.filter((e,t)=>t<+(C||4)).map(e=>et(e,Z)):"manually"===N&&x?.articleIds?.length?M?.map(e=>{let t=ee?.find(t=>t?.baseID===e);return et(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):ee.filter((e,t)=>t<(x?.numOfSelectedArticles||4)).map(e=>et(e,e?.blogs?.edges?.[0]?.node));return el?.length||W||"edit"!=S?e("div",{...G,className:L?.builderData?.uid,style:R,children:[X||W?t(y,{}):Y?e("div",{children:["Error: ",Y?.message]}):el?.length?t(s,{styles:{horizontalGutter:O?.horizontalGutter,verticalGutter:O?.verticalGutter,spacing:O?.spacing,width:O?.width,height:O?.height},settings:{slidesToShow:k?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:el,children:t("div",{"data-id":L?.uid,className:"gp-relative",children:t("div",{style:{...U,...f("w",w(O?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...p("rg",O?.horizontalGutter),...p("cg",O?.verticalGutter),...b(k?.background),...u(k?.background),...p("gtc",{desktop:`repeat(${h(k?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:k?.slideToShow?.tablet&&`repeat(${h(k?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:k?.slideToShow?.mobile&&`repeat(${h(k?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:g(I,"gp-m-auto gp-grid gp-w-full"),children:el.map(e=>t(c,{article:e,readOnly:!0,children:t("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:m(E)?t(T,{}):E})},e?.id))})})}):t("div",{children:"Articles not found"}),n(E,!0)]}):H?e("div",{...G,className:L?.builderData?.uid,children:[t(D,{blogHandle:Q?.handle,onClose:()=>q(!1),articlePickType:N??"manually",children:E}),n(E,!0)]}):null};export{v as default};

package/dist/esm/article/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"../common/const.js";import"next/link";import"@gem-sdk/system";import"../image/components/AdaptiveImage.js";import"next/image";import"html-react-parser";import t from"./settings/ArticleList.js";import r from"./settings/ArticleTitle.js";import e from"./settings/ArticleExcerpt.js";import i from"./settings/ArticleContent.js";import o from"./settings/ArticleImage.js";import s from"./settings/ArticlePagination.js";import m from"./settings/ArticleAuthor.js";import c from"./settings/ArticleTag.js";import l from"./settings/ArticleCategory.js";import n from"./settings/ArticleDate.js";import p from"./settings/ArticleReadMore.js";let g={ArticleList:t,ArticleTitle:r,ArticleExcerpt:e,ArticleContent:i,ArticleImage:o,ArticlePagination:s,ArticleAuthor:m,ArticleTag:c,ArticleCategory:l,ArticleDate:n,ArticleReadMore:p};export{g as articleListSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"next/link";import"@gem-sdk/system";import"../image/components/AdaptiveImage.js";import"next/image";import"html-react-parser";import t from"./settings/ArticleList.js";import e from"./settings/ArticleTitle.js";import r from"./settings/ArticleExcerpt.js";import i from"./settings/ArticleContent.js";import o from"./settings/ArticleImage.js";import s from"./settings/ArticlePagination.js";import m from"./settings/ArticleAuthor.js";import c from"./settings/ArticleTag.js";import l from"./settings/ArticleCategory.js";import n from"./settings/ArticleDate.js";import g from"./settings/ArticleReadMore.js";let p={ArticleList:t,ArticleTitle:e,ArticleExcerpt:r,ArticleContent:i,ArticleImage:o,ArticlePagination:s,ArticleAuthor:m,ArticleTag:c,ArticleCategory:l,ArticleDate:n,ArticleReadMore:g};export{p as articleListSetting};

package/dist/esm/article/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";let i=o(()=>import("./components/ArticleList.js"),{loading:t}),n=o(()=>import("./components/ArticleTitle.js"),{loading:t}),e=o(()=>import("./components/ArticleExcerpt.js"),{loading:t}),r=o(()=>import("./components/ArticleContent.js"),{loading:t}),m=o(()=>import("./components/ArticleImage.js"),{loading:t}),c=o(()=>import("./components/ArticlePagination.js"),{loading:t}),p=o(()=>import("./components/ArticleAuthor.js"),{loading:t}),s=o(()=>import("./components/ArticleTag.js"),{loading:t}),a=o(()=>import("./components/ArticleCategory.js"),{loading:t}),l=o(()=>import("./components/ArticleDate.js"),{loading:t}),g=o(()=>import("./components/ArticleReadMore.js"),{loading:t});var d={ArticleList:i,ArticleTitle:n,ArticleExcerpt:e,ArticleContent:r,ArticleImage:m,ArticlePagination:c,ArticleAuthor:p,ArticleTag:s,ArticleCategory:a,ArticleDate:l,ArticleReadMore:g};export{d as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let i=o(()=>import("./components/ArticleList.js"),{loading:t}),n=o(()=>import("./components/ArticleTitle.js"),{loading:t}),e=o(()=>import("./components/ArticleExcerpt.js"),{loading:t}),r=o(()=>import("./components/ArticleContent.js"),{loading:t}),m=o(()=>import("./components/ArticleImage.js"),{loading:t}),c=o(()=>import("./components/ArticlePagination.js"),{loading:t}),p=o(()=>import("./components/ArticleAuthor.js"),{loading:t}),s=o(()=>import("./components/ArticleTag.js"),{loading:t}),a=o(()=>import("./components/ArticleCategory.js"),{loading:t}),l=o(()=>import("./components/ArticleDate.js"),{loading:t}),g=o(()=>import("./components/ArticleReadMore.js"),{loading:t});var d={ArticleList:i,ArticleTitle:n,ArticleExcerpt:e,ArticleContent:r,ArticleImage:m,ArticlePagination:c,ArticleAuthor:p,ArticleTag:s,ArticleCategory:a,ArticleDate:l,ArticleReadMore:g};export{d as default};

package/dist/esm/breadcrumb/next.js

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

package/dist/esm/button/components/Button.liquid.js

@@ -1,31 +1,31 @@
-import{isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{createStyle as e,createClass as o,createAttr as r,createStateOrContext as a,Liquid as l,If as n}from"@gem-sdk/system";import{getButtonAttributes as p}from"../common/attrs.js";import{getButtonStyles as d,getTypoStyles as m,getButtonIconStyles as c,getButtonWrapperStyles as g}from"../common/styles.js";import{getButtonClasses as u,getButtonIconClasses as $,getButtonLabelClasses as f,getButtonWrapperClasses as y,getButtonContentWrapperClasses as b,getButtonContainerClasses as L}from"../common/classes.js";import{getSettingPreloadData as j}from"../../helpers.js";import v from"./ButtonIcon.liquid.js";import q from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as k,getInsertLinkData as h}from"../common/helpers.js";let E=E=>{let{advanced:x,className:B,nodePrice:C,customAttrs:I,styles:T={},setting:A={},builderProps:G,wrapClassName:H="",translateSetting:M,isForceValue:N,pageContext:O}=E,{iconSvg:_,btnLink:J,htmlType:P,disabled:R,enableBtnLink:V,shouldClearSpace:w,disabledLoading:z=!0}=A,{enableTextStyle:D=!0}=T,{customCss:F,wrapStyle:K,restStyle:Q,dataState:U,dataIdAttr:W,isShowIcon:X,isScrollToElement:Y,getArialLabel:Z,getLabelToDisplay:ss,checkIsShowLabel:st,checkIsEditableLabel:si}=k(E),{HTMLTag:se,urlData:so,shouldRenderLink:sr}=h({enableBtnLink:V,htmlType:P,setting:J,defaultTag:"button",isLiquid:!0}),sa=e({...d(T,A?.enableHoverEffect)}),sl=e({...m(T)}),sn=e({...m(T),...c(T,A)}),sp=e({...g(Q,T)}),sd=o({...u({styles:T,className:B,shouldRenderLink:sr,uid:G?.uid,advanced:x})}),sm=o({...$(ss({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),w,D)}),sc=o({...f(T,si({isLiquid:!0}))}),sg=o({...y(H,B,x?.cssClass)}),su=o({...b(A)}),s$=o({...L()}),sf=r({...p({disabled:R,dataState:U,dataId:W,arialLabel:Z({isLiquid:!0})})}),sy=a({btnLink:A?.btnLink});return l(i`
+import{dataStringify as s,isLocalEnv as t,baseAssetURL as e,template as i}from"@gem-sdk/core";import{createStyle as o,createClass as r,createAttr as a,createStateOrContext as l,Liquid as d,If as n}from"@gem-sdk/system";import{getButtonAttributes as m}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as c,getButtonIconStyles as u,getButtonWrapperStyles as $}from"../common/styles.js";import{getButtonClasses as g,getButtonIconClasses as f,getButtonLabelClasses as b,getButtonWrapperClasses as L,getButtonContentWrapperClasses as y,getButtonContainerClasses as j}from"../common/classes.js";import{getSettingPreloadData as v}from"../../helpers.js";import q from"./ButtonIcon.liquid.js";import k from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as h,getInsertLinkData as E}from"../common/helpers.js";let x=x=>{let{advanced:B,className:C,nodePrice:I,customAttrs:T,styles:A={},setting:G={},builderProps:H,wrapClassName:M="",translateSetting:_,isForceValue:N,pageContext:O}=x,{iconSvg:P,btnLink:R,htmlType:V,disabled:w,enableBtnLink:z,shouldClearSpace:D,disabledLoading:F=!0}=G,{enableTextStyle:J=!0}=A,{customCss:K,wrapStyle:Q,restStyle:U,dataState:W,dataIdAttr:X,isShowIcon:Y,isScrollToElement:Z,getArialLabel:ss,getLabelToDisplay:st,checkIsShowLabel:se,checkIsEditableLabel:si}=h(x),{HTMLTag:so,urlData:sr,shouldRenderLink:sa}=E({enableBtnLink:z,htmlType:V,setting:R,defaultTag:"button",isLiquid:!0}),sl=o({...p(A,G?.enableHoverEffect)}),sd=o({...c(A)}),sn=o({...c(A),...u(A,G)}),sm=o({...$(U,A)}),sp=r({...g({styles:A,className:C,shouldRenderLink:sa,uid:H?.uid,advanced:B})}),sc=r({...f(st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),D,J)}),su=r({...b(A,si({isLiquid:!0}))}),s$=r({...L(M,C,B?.cssClass)}),sg=r({...y(G)}),sf=r({...j()}),sb=a({...m({disabled:w,dataState:W,dataId:X,arialLabel:ss({isLiquid:!0})})}),sL=l({btnLink:G?.btnLink});return d(i`
     <gp-button
-      style="${{...K}}"
-      class="${s$}"
+      gp-data='${s(sL)}'
+      style="${{...Q}}"
+      class="${sf}"
     >
-      <script gp-data type="application/json">${JSON.stringify(sy)}</script>
-      <div style="${sp}" class="${sg}">
-        <style>${F}</style>
-        ${n(Y,`<a
+      <div style="${sm}" class="${s$}">
+        <style>${K}</style>
+        ${n(Z,`<a
             class="gp-trigger-button-link gp-hidden"
-            href=${so.href}
-            target=${so.target}
+            href=${sr.href}
+            target=${sr.target}
           ></a>`)}
-        <${se}
-          ${{...sf}}
-          ${{...I}}
-          ${{...so}}
-          style="${sa}"
-          class="${sd}"
+        <${so}
+          ${{...sb}}
+          ${{...T}}
+          ${{...sr}}
+          style="${sl}"
+          class="${sp}"
         >
-        ${n(!z,S(),"")}
-        <div class="${su}">
-          ${n(X,v({iconSvg:_??"",styles:sn,classes:sm}))}
-          ${n(D&&st({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),q({label:ss({isLiquid:!0,translateSetting:M,isForceValue:N,pageContext:O??{}}),styles:sl,classes:sc}))}
+        ${n(!F,S(),"")}
+        <div class="${sg}">
+          ${n(Y,q({iconSvg:P??"",styles:sn,classes:sc}))}
+          ${n(J&&se({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),k({label:st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),styles:sd,classes:su}))}
         </div>
-        ${n(!!C,C?.toString()??"","")}
-        </${se}>
+        ${n(!!I,I?.toString()??"","")}
+        </${so}>
       </div>
-      ${n(s,`<script ${j('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${j('class="gps-link" delay',"src")}="${t}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${n(t,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${e}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-button>
-  `)};export{E as default};
+  `)};export{x as default};

package/dist/esm/button/next.js

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

package/dist/esm/carousel/components/root/Carousel.liquid.js

@@ -1,6 +1,5 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as c}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let f=f=>{let{children:v,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k}=f,E=d(f.setting),I={...f,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:P,arrowShowConfig:W,stateData:_}=p(I),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=c(I),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=n(I),{rootAttrRender:K,sliderAttr:L}=m(I),Q=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>a({uid:g?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:W,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
-    <gp-carousel ${K} style="${U}" class="${H}">
-      <script gp-data type="application/json">${_}</script>
+import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as a}from"@gem-sdk/core";import i from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let f=f=>{let{children:v,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k}=f,E=d(f.setting),I={...f,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:P,arrowShowConfig:W,stateData:_}=m(I),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=p(I),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=n(I),{rootAttrRender:K,sliderAttr:L}=c(I),Q=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${a}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>i({uid:g?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:W,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
+    <gp-carousel gp-data='${_}' ${K} style="${U}" class="${H}">
       <div
         ${w}
         class="${M}"
@@ -10,7 +9,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           ${X("prev")}
           <div ${L} class="${R}" style="${J}">
             ${o`
-    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:E,parentStyle:h,background:E?.background,parentUid:g?.uid})}`})):v??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:E,parentStyle:h,background:E?.background,parentUid:g?.uid})}`})):v??`<div>${u("Carousel","no_slider")}</div>`}`}
           </div>
           ${X("next")}
         </div>

package/dist/esm/carousel/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:i,rootId:s,builderProps:a,styles:l,moveToIdx:d,isHiddenArrowWhenDisabled:p}=t,m=s??a?.uid,n=`gp-carousel-slider-${a?.uid}`,{enableAction:f={desktop:!0},navigationStyle:g,navigationEnable:u={desktop:!0}}=i??{},k=o({id:m,moveToIdx:d,isHiddenArrowWhenDisabled:p,setting:i,styles:l});return{loopConfig:(()=>{let o=i?.loop;return r.forEach(t=>{o={...o,[t]:!!e(f)&&o?.[t]}}),o})(),stateData:JSON.stringify(k),uniqueComponentId:m,arrowShowConfig:(()=>{let o=g;return r.forEach(t=>{o={...o,[t]:e(u,t)?e(o,t):"none"}}),o})(),sliderSelector:n}};export{t as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:i,styles:s,moveToIdx:p,isHiddenArrowWhenDisabled:d}=t,m=a??i?.uid,n=`gp-carousel-slider-${i?.uid}`,{enableAction:f={desktop:!0},navigationStyle:g,navigationEnable:u={desktop:!0}}=l??{},c=o({id:m,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:s});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(f)&&o?.[t]}}),o})(),stateData:JSON.stringify(c).replaceAll("'","'"),uniqueComponentId:m,arrowShowConfig:(()=>{let o=g;return r.forEach(t=>{o={...o,[t]:e(u,t)?e(o,t):"none"}}),o})(),sliderSelector:n}};export{t as getData};

package/dist/esm/carousel/next.js

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

package/dist/esm/carousel-v3/components/root/Carousel.liquid.js

@@ -1,6 +1,5 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as c}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=c(A),{rootAttrRender:L,sliderAttr:Q}=m(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
-    <gp-carousel-v3 ${L} style="${F}" class="${M}">
-      <script gp-data type="application/json">${H}</script>
+import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=m(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
+    <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
       <div
         ${g}
         class="${N}"
@@ -12,7 +11,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${C?.length?r({uid:w?.uid??"",customProps:C[0]?.customProps},C.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
             </div>
           </div>
           ${Y("next")}

package/dist/esm/carousel-v3/components/root/CarouselEmbla.liquid.js

@@ -1,6 +1,5 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as c}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k,productBadgeLiquid:b}=v,E=d(v.setting),I={...v,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:P="16",roundedArrow:T,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(I),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(I),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=c(I),{rootAttrRender:L,sliderAttr:Q}=m(I),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-embla-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-embla-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:_,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:P,showWhenHover:D,arrowBorder:z||{},arrowCorner:T||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
-    <gp-carousel-v3 ${L} style="${F}" class="${M}">
-      <script gp-data type="application/json">${H}</script>
+import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as a}from"@gem-sdk/core";import i from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:b}=v,E=d(v.setting),I={...v,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:P="16",roundedArrow:T,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=m(I),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=p(I),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=n(I),{rootAttrRender:L,sliderAttr:Q}=c(I),X=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-embla-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${a}/assets-v2/gp-carousel-v3-embla-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>i({uid:w?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:_,arrowButtonSize:A||{},arrowIconSize:q||{},arrowBackgroundColor:G??"",arrowCustomColor:x,gapToEachSize:P,showWhenHover:D,arrowBorder:z||{},arrowCorner:T||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:E?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
+    <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
       <div
         ${g}
         class="${N}"
@@ -12,7 +11,7 @@ import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${C?.length?r({uid:w?.uid??"",customProps:C[0]?.customProps},C.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:E,parentStyle:h,background:E?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:E,parentStyle:h,background:E?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
             </div>
           </div>
           ${Y("next")}

package/dist/esm/carousel-v3/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:s,rootId:a,builderProps:i,styles:l,moveToIdx:d,isHiddenArrowWhenDisabled:p,shouldInitByLayout:m,carouselType:n="carousel"}=t,f=a??i?.uid,g=`gp-carousel-slider-${i?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=s??{},h=o({id:f,moveToIdx:d,isHiddenArrowWhenDisabled:p,setting:s,styles:l,shouldInitByLayout:m,carouselType:n});return{loopConfig:(()=>{let o=s?.loop;return r.forEach(t=>{o={...o,[t]:!!e(u)&&o?.[t]}}),o})(),stateData:JSON.stringify(h),uniqueComponentId:f,arrowShowConfig:(()=>{let o=c;return r.forEach(t=>{o={...o,[t]:e(k,t)?e(o,t):"none"}}),o})(),sliderSelector:g}};export{t as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as o}from"@gem-sdk/system";let t=t=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:s,styles:i,moveToIdx:p,isHiddenArrowWhenDisabled:d,shouldInitByLayout:m,carouselType:n="carousel"}=t,f=a??s?.uid,g=`gp-carousel-slider-${s?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},h=o({id:f,moveToIdx:p,isHiddenArrowWhenDisabled:d,setting:l,styles:i,shouldInitByLayout:m,carouselType:n});return{loopConfig:(()=>{let o=l?.loop;return r.forEach(t=>{o={...o,[t]:!!e(u)&&o?.[t]}}),o})(),stateData:JSON.stringify(h).replaceAll("'","'"),uniqueComponentId:f,arrowShowConfig:(()=>{let o=c;return r.forEach(t=>{o={...o,[t]:e(k,t)?e(o,t):"none"}}),o})(),sliderSelector:g}};export{t as getData};

package/dist/esm/carousel-v3/next.js

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

package/dist/esm/cart/components/CartList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{useCartData as e,CartLineProvider as i,isEmptyChildren as o}from"@gem-sdk/core";import"../../common/const.js";import"next/head";import m from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import n from"../../grid/components/col/Col.js";let d=({builderProps:d,advanced:p,setting:l,styles:s,children:a,...c})=>{let{data:h,error:u}=e();return r("div",{"data-id":d?.uid,...c,children:u?t("div",{children:["Error: ",u.message]}):h?r(n,{styles:s,children:h.lineItems.map(t=>t?r(i,{line:t,children:o(a)?r(m,{}):a},t.id):null)}):r("div",{children:"Cart Empty"})})};export{d as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let n=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=t();return r("div",{"data-id":n?.uid,...c,children:u?e("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(e=>e?r(i,{line:e,children:m(s)?r(o,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{n as default};

package/dist/esm/cart/components/shop-pay-button/ShopPayButton.liquid.js

@@ -1,10 +1,10 @@
-import{isLocalEnv as s,baseAssetURL as o,template as t}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as r,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as a}from"./common/classes.js";import{getSPButton as u}from"./common/helpers.js";import{getButtonWrapperStyles as n}from"./common/styles.js";import h from"./icons/DynamicCheckoutBlack.liquid.js";import k from"./icons/DynamicCheckoutPurple.liquid.js";import y from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let C=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:y({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),x=e({...n(C,g)}),P=i({...l()}),q=i({...a(E)}),B=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return t`
+import{isLocalEnv as s,baseAssetURL as o,template as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,createAttr as i,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as u}from"./common/classes.js";import{getSPButton as a}from"./common/helpers.js";import{getButtonWrapperStyles as h}from"./common/styles.js";import n from"./icons/DynamicCheckoutBlack.liquid.js";import k from"./icons/DynamicCheckoutPurple.liquid.js";import d from"./icons/DynamicCheckoutWhite.liquid.js";import f from"./icons/ExpressCheckoutBlack.liquid.js";import y from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let C=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=a({styles:g,buttons:{DynamicCheckoutBlack:n({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:d({}),ExpressCheckoutBlack:f({}),ExpressCheckoutPurple:y({}),ExpressCheckoutWhite:j({})}}),x=e({...h(C,g)}),P=r({...l()}),q=r({...u(E)}),B=i({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return t`
     <gp-shop-pay-button
       ${{...b}}
       style="${x}"
       class="${q}"
+      gp-data='${D}'
     >
-      <script gp-data type="application/json">${D}</script>
       <button
         ${{...B}}
         class="${P}"

package/dist/esm/cart/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import s from"./settings/CartLineImage.js";import e from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import n from"./settings/CartCheckout.js";import a from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:s,CartTotalPrice:e,CartTotalItem:m,CartCheckout:n,DiscountInput:a,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};

package/dist/esm/cart/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";let n=o(()=>import("./components/CartLineVariant.js"),{loading:t}),i=o(()=>import("./components/Cart.js"),{ssr:!1,loading:t}),r=o(()=>import("./components/CartList.js"),{loading:t}),m=o(()=>import("./components/CartLinePrice.js"),{loading:t}),s=o(()=>import("./components/CartLineImage.js"),{loading:t}),p=o(()=>import("./components/CartTotalPrice.js"),{loading:t}),a=o(()=>import("./components/CartTotalItem.js"),{loading:t}),e=o(()=>import("./components/CartCheckout.js"),{loading:t}),c=o(()=>import("./components/DiscountInput.js"),{loading:t}),d=o(()=>import("./components/CartDiscount.js"),{loading:t}),l=o(()=>import("./components/CartOrderNote.js"),{loading:t}),g=o(()=>import("./components/CartLineAttribute.js"),{loading:t}),j=o(()=>import("./components/CouponList.js"),{loading:t}),C=o(()=>import("./components/CheckoutNow.js"),{loading:t}),u=o(()=>import("./components/shop-pay-button/ShopPayButton.js"),{ssr:!1,loading:t});var L={Cart:i,CartList:r,CartLinePrice:m,CartLineVariant:n,CartLineImage:s,CartTotalPrice:p,CartTotalItem:a,CartCheckout:e,DiscountInput:c,CartDiscount:d,CartOrderNote:l,CartLineAttribute:g,CouponList:j,ShopPayButton:u,CheckoutNow:C};export{L as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/CartLineVariant.js"),{loading:t}),i=o(()=>import("./components/Cart.js"),{ssr:!1,loading:t}),r=o(()=>import("./components/CartList.js"),{loading:t}),m=o(()=>import("./components/CartLinePrice.js"),{loading:t}),s=o(()=>import("./components/CartLineImage.js"),{loading:t}),p=o(()=>import("./components/CartTotalPrice.js"),{loading:t}),a=o(()=>import("./components/CartTotalItem.js"),{loading:t}),e=o(()=>import("./components/CartCheckout.js"),{loading:t}),c=o(()=>import("./components/DiscountInput.js"),{loading:t}),d=o(()=>import("./components/CartDiscount.js"),{loading:t}),l=o(()=>import("./components/CartOrderNote.js"),{loading:t}),g=o(()=>import("./components/CartLineAttribute.js"),{loading:t}),j=o(()=>import("./components/CouponList.js"),{loading:t}),C=o(()=>import("./components/CheckoutNow.js"),{loading:t}),u=o(()=>import("./components/shop-pay-button/ShopPayButton.js"),{ssr:!1,loading:t});var L={Cart:i,CartList:r,CartLinePrice:m,CartLineVariant:n,CartLineImage:s,CartTotalPrice:p,CartTotalItem:a,CartCheckout:e,DiscountInput:c,CartDiscount:d,CartOrderNote:l,CartLineAttribute:g,CouponList:j,ShopPayButton:u,CheckoutNow:C};export{L as default};

package/dist/esm/code/next.js

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

package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js

@@ -1,19 +1,20 @@
-import{makeStyleResponsive as e,makeLineClamp as i,template as s,baseAssetURL as t,isLocalEnv as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as p,getStaticCss as c}from"./common/styles.js";import{createClass as r,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as f}from"@gem-sdk/system";import{getClassContainerCollectionDes as y,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as j}from"./common/classes.js";import{getViewLessText as S,getViewMoreText as h,ICON_SVG as x}from"./common/helpers.js";let M=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=r(y({setting:M})),P=r(u({setting:M})),V=r(w({advanced:k})),A=r(C()),T=r(b()),q=r(j()),G=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),N=a({...p(M)}),O=S({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),D=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?_:`{{${_}}}`}`,"view-less-text":`${I?.isPreviewing?O:`{{${O}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:_,viewLessText:O,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:G});return d(!1,"",g(s`
+import{makeStyleResponsive as e,makeLineClamp as s,template as i,baseAssetURL as t,isLocalEnv as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as r,getStaticCss as c}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as y}from"@gem-sdk/system";import{getClassContainerCollectionDes as f,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let M=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(f({setting:M})),P=p(u({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),G=a({...n({setting:M}),...e("line-clamp",s(M?.lineClamp,M?.hasLineClamp))}),N=a({...r(M)}),O=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),D=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?_:`{{${_}}}`}`,"view-less-text":`${I?.isPreviewing?O:`{{${O}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:_,viewLessText:O,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:G});return d(!1,"",g(i`
     <gp-collection-description
       ${D}
       class="${V}"
+      gp-data='${JSON.stringify(B).replaceAll("'","&#039;")}'
     >
-      <script gp-data type="application/json">${JSON.stringify(B).replaceAll("'","&#039;")}</script>
-      <style>${z}${R}</style>
+      <style>${z}</style>
+      <style>${R}</style>
       <div class="${q}" ></div>
-      ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${G}">
+      ${v("collection","<p>Collection not found</p>",i`<div ${J} class="${L}" style="${G}">
           {{collection.description}}
         </div>
-        ${f("collection.description != blank",s`<button type="button" class="${P}" style="${N}">
+        ${y("collection.description != blank",i`<button type="button" class="${P}" style="${N}">
           <span class="${T}">
             ${d(I?.isPreviewing,_?.toString()||"",`{{${_}}}`)}
           </span>
-          ${d(M?.enableViewMoreIcon,s`<span class="${A}">${x}</span>`," ")}
+          ${d(M?.enableViewMoreIcon,i`<span class="${A}">${x}</span>`," ")}
           </button>`)}`)}
     </gp-collection-description>
     ${(()=>{let e=l?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${t}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}

package/dist/esm/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,9 +1,8 @@
-import{composeTypographyStyle as s,getGlobalColorCSSProp as t,getGlobalColorClass as o,makeStyleResponsive as e,RenderIf as l,isLocalEnv as r,baseAssetURL as i,template as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let y=({setting:y,builderProps:S,pageContext:$})=>{let{typographyPaginator:u,activeColor:C,align:j,typo:k,normalColor:E}=y??{},h=g({...s(k,u)}),x=g({normalColorClass:o("text",E),activeColorClass:o("text",C),normalColorStyle:t(E)??"",activeColorStyle:t(C)??""}),A=f({...m("",void 0,y)}),G={...x,customStyle:h,addedClass:A},N=p({setting:y,builderProps:S,pageContext:$},"liquid"),O=f({...d()}),P=f({...n()}),_=g({...e("ta",j),...G.customStyle}),q=v({setting:y,styleSetting:G,uid:S?.uid});return a`
-    <gp-collection-paginator id="${S?.uid}">
-    <script gp-data type="application/json">${JSON.stringify(q).replaceAll("'","&#039;")}</script>
+import{composeTypographyStyle as s,getGlobalColorCSSProp as o,getGlobalColorClass as e,makeStyleResponsive as t,RenderIf as l,isLocalEnv as r,baseAssetURL as i,template as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let S=({setting:S,builderProps:$,pageContext:u})=>{let{typographyPaginator:y,activeColor:C,align:j,typo:k,normalColor:E}=S??{},h=g({...s(k,y)}),x=g({normalColorClass:e("text",E),activeColorClass:e("text",C),normalColorStyle:o(E)??"",activeColorStyle:o(C)??""}),A=f({...m("",void 0,S)}),G={...x,customStyle:h,addedClass:A},N=p({setting:S,builderProps:$,pageContext:u},"liquid"),O=f({...d()}),P=f({...n()}),_=g({...t("ta",j),...G.customStyle}),q=v({setting:S,styleSetting:G,uid:$?.uid});return a`
+    <gp-collection-paginator gp-data='${JSON.stringify(q).replaceAll("'","&#039;")}' id="${$?.uid}" >
       <div class="${P}" style="${_}">
         <div class="${O}">${N}</div>
       </div>
     </gp-collection-paginator>
     ${l(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${i}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{y as default};
+  `};export{S as default};

package/dist/esm/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -1,10 +1,10 @@
-import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createClass as l,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as p,getClassToolbarWrapper as a,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as y,getStyleSelect as $,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let _=({setting:_,builderProps:j,pageContext:S})=>{let{displayQuantity:k}=_??{},q=l({...p()}),E=l({...a()}),T=l({...d()}),h=l({...m(_)}),C=l({...u(_)}),x=l({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...y(_)}),N=n({...$(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:j,pageContext:S},"liquid"),J=b({setting:_,builderProps:j,pageContext:S},"liquid"),M=r({uid:j?.uid});return o`
+import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createClass as l,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as a,getClassToolbarWrapper as p,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as $,getStyleSelect as y,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let _=({setting:_,builderProps:S,pageContext:j})=>{let{displayQuantity:k}=_??{},q=l({...a()}),E=l({...p()}),T=l({...d()}),h=l({...m(_)}),C=l({...u(_)}),x=l({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...$(_)}),N=n({...y(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:S,pageContext:j},"liquid"),J=b({setting:_,builderProps:S,pageContext:j},"liquid"),M=r({uid:S?.uid});return o`
     <gp-collection-toolbar
       class="${q}"
       style="${A}"
-      id="${j?.uid}"
+      id="${S?.uid}"
+      gp-data='${JSON.stringify(M)}'
     >
-      <script gp-data type="application/json">${JSON.stringify(M)}</script>
       <div class="${E}" style="${G}" >
         <div class="${T}">
           <select id="sorting" class="${h}" style="${N}" >

package/dist/esm/collection/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";let n=o(()=>import("./components/collection-title/CollectionTitle.js"),{loading:t}),i=o(()=>import("./components/collection-description/CollectionDescription.js"),{loading:t}),l=o(()=>import("./components/collection-banner/CollectionBanner.js"),{loading:t}),c=o(()=>import("./components/collection-toolbar/CollectionToolbar.js"),{loading:t}),e=o(()=>import("./components/collection-paginator/CollectionPaginator.js"),{loading:t});var r={CollectionTitle:n,CollectionDescription:i,CollectionToolbar:c,CollectionPaginator:e,CollectionBanner:l};export{r as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/collection-title/CollectionTitle.js"),{loading:t}),i=o(()=>import("./components/collection-description/CollectionDescription.js"),{loading:t}),l=o(()=>import("./components/collection-banner/CollectionBanner.js"),{loading:t}),e=o(()=>import("./components/collection-toolbar/CollectionToolbar.js"),{loading:t}),c=o(()=>import("./components/collection-paginator/CollectionPaginator.js"),{loading:t});var r={CollectionTitle:n,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:c,CollectionBanner:l};export{r as default};

package/dist/esm/common/const.js

@@ -1 +1 @@
-var o;let c={STICKY:999,DIALOG:100001,CART_DRAWER:100002,CART_DRAWER_CONFIRM_MODAL:100003};!function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(o||(o={}));export{c as ELEMENT_Z_INDEX,o as PRODUCT_LIST_PRODUCT_SOURCE};
+let R={STICKY:999,DIALOG:100001,CART_DRAWER:100002,CART_DRAWER_CONFIRM_MODAL:100003};export{R as ELEMENT_Z_INDEX};

package/dist/esm/countdown-timer/components/Countdown.liquid.js

@@ -1,31 +1,30 @@
-import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import{getInsertLinkData as r,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as a,createStyle as d,createClass as n,createAttr as c,If as p}from"@gem-sdk/system";import{getAttr as u,getAttrHref as m}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as w,getWrapperClasses as b,getContentClasses as h,getLinkClasses as j,getDateClasses as v,getTextBackClasses as k}from"../common/classes.js";import{Countdown as S}from"../settings/configs/translate.js";let L=L=>{let{setting:C,styles:E,builderProps:N,advanced:A,pageContext:F}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:G,enableLabelTextStyle:O}=E??{},{weekLabel:T,dayLabel:V,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,autoHideWhenTimeout:Q}=C??{},U=!!K?.link,{urlData:W}=r("",K),X=a({...C,...N}),Y=d({...$(E)}),Z=t=>n({...v(t)}),tt=n({...w(E)}),te=d({...y(E)}),ts=d({...f(E)}),ti=t=>n({...k(E,t)}),to=c({...u({uid:N?.uid||""})}),tr=c({...m({uid:W.href||""})}),tl=d({...g(E)}),ta=n({...b(A?.cssClass)}),td=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),tn=d({...x(E)}),tc=(e,s,i)=>{let r=i&&i in S?S[i]?.id:void 0;return t`
+import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import r from"../../text/components/Text.liquid.js";import{getInsertLinkData as o,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as d,createStyle as a,createClass as n,createAttr as c,If as u}from"@gem-sdk/system";import{getAttr as m,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as w,getWrapperClasses as b,getContentClasses as h,getLinkClasses as v,getDateClasses as j,getTextBackClasses as k}from"../common/classes.js";import{Countdown as S}from"../settings/configs/translate.js";let L=L=>{let{setting:A,styles:C,builderProps:E,advanced:N,pageContext:F}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:G,enableLabelTextStyle:O}=C??{},{weekLabel:T,dayLabel:V,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,autoHideWhenTimeout:Q}=A??{},U=!!K?.link,{urlData:W}=o("",K),X=d({...A,...E}),Y=a({...$(C)}),Z=e=>n({...j(e)}),ee=n({...w(C)}),et=a({...y(C)}),es=a({...f(C)}),ei=e=>n({...k(C,e)}),er=c({...m({uid:E?.uid||""})}),eo=c({...p({uid:W.href||""})}),el=a({...g(C)}),ed=n({...b(N?.cssClass)}),ea=n({...h({isLiquid:!0,autoHideWhenTimeout:Q})}),en=a({...x(C)}),ec=(t,s,i)=>{let o=i&&i in S?S[i]?.id:void 0;return e`
     <div style="${Y}" class="${Z(s)}">
-    ${o({styles:{typography:q,typo:P},setting:{...C,text:"00",excludeFlex:!0,isForceValue:!0},style:te,className:tt,builderAttrs:{id:e},builderProps:{...N,uid:N?.uid,uidInteraction:`${N?.uid}-text`}})}
-    ${p(!!O,t`
-         ${o({styles:{typography:G,typo:I},setting:{...C,text:s,excludeFlex:!0},translateSetting:r,style:ts,className:ti(s),builderProps:{...N,uid:N?.uid,uidInteraction:`${N?.uid}-text`},pageContext:F})}
+    ${r({styles:{typography:q,typo:P},setting:{...A,text:"00",excludeFlex:!0,isForceValue:!0},style:et,className:ee,builderAttrs:{id:t},builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`}})}
+    ${u(!!O,e`
+         ${r({styles:{typography:G,typo:I},setting:{...A,text:s,excludeFlex:!0},translateSetting:o,style:es,className:ei(s),builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`},pageContext:F})}
     `)}
     </div>
-    `},tp=n({...j()});return t`
+    `},eu=n({...v()});return e`
     <gp-countdown-timer
-      ${{...to}}
-      ${{...tr}}
-      class="${ta}"
-      style="${tl}"
-    >
-      <script gp-data type="application/json">${JSON.stringify(X)}</script>
-      <div id="section-countdown" class="${td}" style="${tn}">
-        ${p(U,`<a
+        ${{...er}}
+        ${{...eo}}
+        class="${ed}"
+        style="${el}"
+        gp-data='${JSON.stringify(X).replaceAll("'","&#039;")}'>
+        <div id="section-countdown" class="${ea}" style="${en}">
+        ${u(U,`<a
             href="${W.href}"
             target="${W?.target}"
             aria-label="Countdown link"
-            class="${tp}"
+            class="${eu}"
           > </a>`)}
-        ${p(R,tc("week",T,"weekLabel"))}
-        ${p(z,tc("day",V,"dayLabel"))}
-        ${p(B,tc("hour",_,"hourLabel"))}
-        ${p(D,tc("minute",J,"minuteLabel"))}
-        ${p(H,tc("second",M,"secondLabel"))}
+          ${u(R,ec("week",T,"weekLabel"))}
+          ${u(z,ec("day",V,"dayLabel"))}
+          ${u(B,ec("hour",_,"hourLabel"))}
+          ${u(D,ec("minute",J,"minuteLabel"))}
+          ${u(H,ec("second",M,"secondLabel"))}
       </div>
-    </gp-countdown-timer>
-    ${e(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+     </gp-countdown-timer>
+    ${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{L as default};

package/dist/esm/countdown-timer/next.js

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

package/dist/esm/coupon/next.js

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

package/dist/esm/dialog/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../common/const.js";import"next/link";import t from"./settings/Dialog.js";let o={Dialog:t};export{o as dialogSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Dialog.js";let i={Dialog:t};export{i as dialogSetting};

package/dist/esm/dialog/next.js

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

package/dist/esm/estimate-delivery/next.js

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

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

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

package/dist/esm/form/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";let n=o(()=>import("./components/newsletter/Newsletter.js"),{loading:t}),m=o(()=>import("./components/contact/Contact.js"),{loading:t}),e=o(()=>import("./components/contact/Contact.js"),{loading:t}),r=o(()=>import("./components/form-email/FormEmail.js"),{loading:t}),i=o(()=>import("./components/submit-button/SubmitButton.js"),{loading:t}),p=o(()=>import("./components/textfield/TextField.js"),{loading:t}),s=o(()=>import("./components/textarea/TextArea.js"),{loading:t}),a=o(()=>import("./components/textarea/TextArea.js"),{loading:t}),c=o(()=>import("./components/form-dropdown/FormDropdown.js"),{loading:t}),d=o(()=>import("./components/form-checkbox/FormCheckbox.js"),{loading:t}),l=o(()=>import("./components/textinput/TextInput.js"),{loading:t});var j={Newsletter:n,FormEmail:r,SubmitButton:i,Contact:m,ContactForm:e,TextField:p,FormTextarea:s,FormTextArea:a,FormDropdown:c,FormCheckbox:d,TextInput:l};export{j as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/newsletter/Newsletter.js"),{loading:t}),m=o(()=>import("./components/contact/Contact.js"),{loading:t}),e=o(()=>import("./components/contact/Contact.js"),{loading:t}),r=o(()=>import("./components/form-email/FormEmail.js"),{loading:t}),i=o(()=>import("./components/submit-button/SubmitButton.js"),{loading:t}),p=o(()=>import("./components/textfield/TextField.js"),{loading:t}),a=o(()=>import("./components/textarea/TextArea.js"),{loading:t}),s=o(()=>import("./components/textarea/TextArea.js"),{loading:t}),c=o(()=>import("./components/form-dropdown/FormDropdown.js"),{loading:t}),d=o(()=>import("./components/form-checkbox/FormCheckbox.js"),{loading:t}),l=o(()=>import("./components/textinput/TextInput.js"),{loading:t});var g={Newsletter:n,FormEmail:r,SubmitButton:i,Contact:m,ContactForm:e,TextField:p,FormTextarea:a,FormTextArea:s,FormDropdown:c,FormCheckbox:d,TextInput:l};export{g as default};