@gem-sdk/core 1.14.0-next.96 → 1.14.0

package/dist/cjs/helpers/render.js

@@ -1 +1,71 @@
-"use strict";const RenderIf=(e,t,s)=>e?"string"==typeof t?t:t():("string"==typeof s?s:s?.())??"",isObject=e=>!("object"!=typeof e||Array.isArray(e))&&null!==e,props=(e,...t)=>{let s=t[0],r=[];for(let e in s)if(Object.hasOwnProperty.call(s,e)){let t=s[e];["symbol","object","function"].includes(typeof t)||(t?r.push(`${e}="${t}"`):r.push(`${e}`))}return r.join(" ")},styles=(e,...t)=>{let s=t[0],r=[];for(let e in s)if(Object.hasOwnProperty.call(s,e)){let t=s[e];void 0!==t&&!1!==t&&r.push(`${e}:${t}`)}return r.join(";")},dataStringify=e=>JSON.stringify(e).replace(/\\"/g,'"'),template=(e,...t)=>{let s="";return e.forEach((e,r)=>{s+=e,void 0!==t[r]&&(isObject(t[r])?/style=["|']/.test(e)?s+=styles`${t[r]}`:s+=props`${t[r]}`:s+=t[r])}),s},composeMemo=(e,t)=>e();exports.RenderIf=RenderIf,exports.composeMemo=composeMemo,exports.dataStringify=dataStringify,exports.props=props,exports.styles=styles,exports.template=template;
+'use strict';
+
+const RenderIf = (c, t, f)=>c ? typeof t === 'string' ? t : t() : (typeof f === 'string' ? f : f?.()) ?? '';
+const isObject = (obj)=>{
+    if (typeof obj === 'object' && !Array.isArray(obj) && obj !== null) {
+        return true;
+    }
+    return false;
+};
+const props = (strings, ...keys)=>{
+    const props = keys[0];
+    const propsArr = [];
+    for(const attr in props){
+        if (Object.hasOwnProperty.call(props, attr)) {
+            const val = props[attr];
+            if (![
+                'symbol',
+                'object',
+                'function'
+            ].includes(typeof val)) {
+                if (val) {
+                    propsArr.push(`${attr}="${val}"`);
+                } else {
+                    propsArr.push(`${attr}`);
+                }
+            }
+        }
+    }
+    return propsArr.join(' ');
+};
+const styles = (strings, ...keys)=>{
+    const styles = keys[0];
+    const styleArr = [];
+    for(const attr in styles){
+        if (Object.hasOwnProperty.call(styles, attr)) {
+            const val = styles[attr];
+            if (val !== undefined && val !== false) styleArr.push(`${attr}:${val}`);
+        }
+    }
+    return styleArr.join(';');
+};
+const dataStringify = (obj)=>{
+    return JSON.stringify(obj).replace(/\\"/g, '"');
+};
+const template = (strings, ...keys)=>{
+    let str = '';
+    strings.forEach((item, index)=>{
+        str += item;
+        if (keys[index] !== undefined) {
+            if (isObject(keys[index])) {
+                if (/style=["|']/.test(item)) {
+                    str += styles`${keys[index]}`;
+                } else {
+                    str += props`${keys[index]}`;
+                }
+            } else {
+                str += keys[index];
+            }
+        }
+    });
+    return str;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const composeMemo = (fn, _)=>fn();
+
+exports.RenderIf = RenderIf;
+exports.composeMemo = composeMemo;
+exports.dataStringify = dataStringify;
+exports.props = props;
+exports.styles = styles;
+exports.template = template;

package/dist/cjs/helpers/shadow.js

@@ -1 +1,56 @@
-"use strict";var colors=require("./colors.js"),constant=require("./constant.js"),getShortname=require("./get-shortname.js");const parseValueWithUnit=e=>{let t=e.match(/(\d+)(.+)/);if(t&&3===t.length){let e=Number(t[1]??0),a=t[2];return{value:e,unit:a??"px"}}return{value:0,unit:"px"}},getStyleShadow=(e,t=!1)=>{let{styleAppliedFor:a,value:o,isEnableShadow:r}=e||{},{state:s}=e||{};if(s||(s="normal"),!a||!o||void 0===o.distance)return{};let{value:l,unit:n}=parseValueWithUnit(`${o?.distance}`);return{[`-${t?"":constant.stateMapping?.[s]}-${getShortname.getShortName(a)}`]:r?`${Math.cos(parseFloat(`${o?.angle}`)*Math.PI/180)*parseFloat(`${l}`)}${n} ${Math.sin(parseFloat(`${o?.angle}`)*Math.PI/180)*parseFloat(`${l}`)}${n} ${o?.blur} ${"box-shadow"===a?o?.spread+" ":""}${colors.getSingleColorVariable(o?.color)}`:"none"}},getStyleShadowState=(e,t,a)=>{if(!e||!t)return{};let o={};for(let[r,s]of Object.entries(e))Object.assign(o,getStyleShadow({value:s,state:r,styleAppliedFor:t,isEnableShadow:a?.[r]}));return o},composeShadowCss=({hasBoxShadow:e,boxShadowValue:t})=>{if(!e||!t)return;let{value:a,unit:o}=parseValueWithUnit(`${t?.distance}`);return`box-shadow: ${Math.cos(parseFloat(`${t?.angle}`)*Math.PI/180)*parseFloat(`${a}`)}${o} ${Math.sin(parseFloat(`${t?.angle}`)*Math.PI/180)*parseFloat(`${a}`)}${o} ${t?.blur} ${t?.spread+" "}${colors.getSingleColorVariable(t?.color)};`};exports.composeShadowCss=composeShadowCss,exports.getStyleShadow=getStyleShadow,exports.getStyleShadowState=getStyleShadowState,exports.parseValueWithUnit=parseValueWithUnit;
+'use strict';
+
+var colors = require('./colors.js');
+var constant = require('./constant.js');
+var getShortname = require('./get-shortname.js');
+
+const parseValueWithUnit = (valueWithUnit)=>{
+    const matches = valueWithUnit.match(/(\d+)(.+)/);
+    if (matches && matches.length === 3) {
+        const value = Number(matches[1] ?? 0);
+        const unit = matches[2];
+        return {
+            value,
+            unit: unit ?? 'px'
+        };
+    }
+    return {
+        value: 0,
+        unit: 'px'
+    };
+};
+const getStyleShadow = (shadowStyle, isActiveState = false)=>{
+    const { styleAppliedFor, value, isEnableShadow } = shadowStyle || {};
+    let { state } = shadowStyle || {};
+    if (!state) state = 'normal';
+    if (!styleAppliedFor || !value) return {};
+    if (typeof value.distance == 'undefined') return {};
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
+    return {
+        [`-${!isActiveState ? constant.stateMapping?.[state] : ''}-${getShortname.getShortName(styleAppliedFor)}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+    };
+};
+const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
+    if (!shadow || !styleAppliedFor) return {};
+    const style = {};
+    for (const [key, value] of Object.entries(shadow)){
+        Object.assign(style, getStyleShadow({
+            value: value,
+            state: key,
+            styleAppliedFor,
+            isEnableShadow: isEnableShadow?.[key]
+        }));
+    }
+    return style;
+};
+const composeShadowCss = ({ hasBoxShadow, boxShadowValue })=>{
+    if (!hasBoxShadow) return undefined;
+    if (!boxShadowValue) return undefined;
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
+    return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)};`;
+};
+
+exports.composeShadowCss = composeShadowCss;
+exports.getStyleShadow = getStyleShadow;
+exports.getStyleShadowState = getStyleShadowState;
+exports.parseValueWithUnit = parseValueWithUnit;

package/dist/cjs/helpers/size.js

@@ -1,4 +1,35 @@
-"use strict";var constant=require("./constant.js");function getCustomSizeCSSByDevice(e,t){if(!e||!t)return{};let o=constant.devicesMapping[t]??"";return{[`--pl${o}`]:e?.[t]?.horizontal,[`--pr${o}`]:e?.[t]?.horizontal,[`--pt${o}`]:e?.[t]?.vertical,[`--pb${o}`]:e?.[t]?.vertical}}const composeSize=e=>Object.assign({},getCustomSizeCSSByDevice(e,"desktop"),getCustomSizeCSSByDevice(e,"tablet"),getCustomSizeCSSByDevice(e,"mobile"));function genSizeClass(e){return`g-s-${e}`}const composeSizeCss=e=>{if(void 0===e)return"";let t=e?.custom?.desktop?.horizontal,o=e?.custom?.desktop?.vertical;if(e?.custom)return`
-  ${t?`padding-left: ${t}; padding-right: ${t};`:void 0}
-  ${o?`padding-top: ${o}; padding-bottom: ${o};`:void 0}
-  `};exports.composeSize=composeSize,exports.composeSizeCss=composeSizeCss,exports.genSizeClass=genSizeClass;
+'use strict';
+
+var constant = require('./constant.js');
+
+function getCustomSizeCSSByDevice(size, device) {
+    if (!size || !device) return {};
+    const suffix = constant.devicesMapping[device] ?? '';
+    return {
+        [`--pl${suffix}`]: size?.[device]?.horizontal,
+        [`--pr${suffix}`]: size?.[device]?.horizontal,
+        [`--pt${suffix}`]: size?.[device]?.vertical,
+        [`--pb${suffix}`]: size?.[device]?.vertical
+    };
+}
+const composeSize = (size)=>{
+    return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
+};
+function genSizeClass(name) {
+    return `g-s-${name}`;
+}
+const composeSizeCss = (spacing)=>{
+    if (spacing === undefined) return '';
+    const size = spacing;
+    const sizeHozi = spacing?.custom?.desktop?.horizontal;
+    const sizeVerti = spacing?.custom?.desktop?.vertical;
+    if (!size?.custom) return undefined;
+    return `
+  ${sizeHozi ? `padding-left: ${sizeHozi}; padding-right: ${sizeHozi};` : undefined}
+  ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
+  `;
+};
+
+exports.composeSize = composeSize;
+exports.composeSizeCss = composeSizeCss;
+exports.genSizeClass = genSizeClass;

package/dist/cjs/helpers/spacing.js

@@ -1 +1,43 @@
-"use strict";var constant=require("./constant.js");function getSpacingCSSByType(e,t){if(!e)return{};let a=t?constant.devicesMapping?.[t]??"":"";return{[`--p${a}`]:`var(--g-s-${e})`}}function getSpacingVariable(e){return e?`var(--g-s-${e})`:""}const composeSpacing=e=>{let t={};switch(e?.desktop){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.desktop))}switch(e?.tablet){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.tablet,"tablet"))}switch(e?.mobile){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.mobile,"mobile"))}return t};exports.composeSpacing=composeSpacing,exports.getSpacingVariable=getSpacingVariable;
+'use strict';
+
+var constant = require('./constant.js');
+
+function getSpacingCSSByType(key, device) {
+    if (!key) return {};
+    const suffix = device ? constant.devicesMapping?.[device] ?? '' : '';
+    return {
+        [`--p${suffix}`]: `var(--g-s-${key})`
+    };
+}
+function getSpacingVariable(key) {
+    if (!key) return '';
+    return `var(--g-s-${key})`;
+}
+const composeSpacing = (spacingValue)=>{
+    const style = {};
+    switch(spacingValue?.desktop){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.desktop));
+            break;
+    }
+    switch(spacingValue?.tablet){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.tablet, 'tablet'));
+            break;
+    }
+    switch(spacingValue?.mobile){
+        case 'm':
+        case 'l':
+        case 's':
+            Object.assign(style, getSpacingCSSByType(spacingValue.mobile, 'mobile'));
+            break;
+    }
+    return style;
+};
+
+exports.composeSpacing = composeSpacing;
+exports.getSpacingVariable = getSpacingVariable;

package/dist/cjs/helpers/tracking/fpixel.js

@@ -1 +1,28 @@
-"use strict";const pageview=()=>{window.fbq&&window.fbq("track","PageView")},event=(e,t={})=>{window.fbq&&window.fbq("track",e,t)},addToCart=e=>{window.fbq&&window.fbq("track","AddToCart",{content_ids:[e.id],content_name:e.name,content_category:e.category,content_type:"product",value:e.price,currency:e.currency})};exports.addToCart=addToCart,exports.event=event,exports.pageview=pageview;
+'use strict';
+
+const pageview = ()=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'PageView');
+};
+// https://developers.facebook.com/docs/facebook-pixel/advanced/
+const event = (name, options = {})=>{
+    if (!window.fbq) return;
+    window.fbq('track', name, options);
+};
+const addToCart = (product)=>{
+    if (!window.fbq) return;
+    window.fbq('track', 'AddToCart', {
+        content_ids: [
+            product.id
+        ],
+        content_name: product.name,
+        content_category: product.category,
+        content_type: 'product',
+        value: product.price,
+        currency: product.currency
+    });
+};
+
+exports.addToCart = addToCart;
+exports.event = event;
+exports.pageview = pageview;

package/dist/cjs/helpers/tracking/gtag.js

@@ -1 +1,93 @@
-"use strict";const pageview=(e,a)=>{window.gtag&&a&&window.gtag("config",a,{page_path:e}),window.ga&&window.ga("send","pageview",e)},addToCart=e=>{window.ga&&e&&(window.ga("ec:addProduct",{...e,id:e.sku,name:"Default Title"===e.variant?e.name:`${e.name} - ${e.variant}`,variant:"Default Title"===e.variant?e.name:e.variant}),window.ga("ec:setAction","add"),window.ga("send","event",{eventCategory:"EnhancedEcommerce",eventAction:"Added Product",nonInteraction:!0}))},productClick=e=>{window.ga&&(ga("ec:addProduct",{id:e.id,name:e.name,category:e.category,brand:e.brand,variant:e.variant}),ga("ec:setAction","click"),ga("send","event",{eventAction:"Click",eventCategory:"Product"}))},productDetail=e=>{e&&window.ga&&(ga("ec:addProduct",{brand:e.brand,category:e.category,id:e.id,name:e.name,variant:e.variant}),ga("ec:setAction","detail"),ga("send","event",{eventAction:"Detail",eventCategory:"Ecommerce",nonInteraction:1}))},removeFromCart=(e,a)=>{e&&window.ga&&(ga("ec:addProduct",{id:e.id,name:e.name,price:a}),ga("ec:setAction","remove"),ga("send","event",{eventAction:"Click",eventCategory:"Remove from cart"}))};exports.addToCart=addToCart,exports.pageview=pageview,exports.productClick=productClick,exports.productDetail=productDetail,exports.removeFromCart=removeFromCart;
+'use strict';
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+const pageview = (url, trackingId)=>{
+    // GA 4
+    if (window.gtag && trackingId) {
+        window.gtag('config', trackingId, {
+            page_path: url
+        });
+    }
+    // GA 3
+    if (window.ga) {
+        window.ga('send', 'pageview', url);
+    }
+};
+/** Addition to cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const addToCart = (product)=>{
+    // GA 3
+    if (!window.ga || !product) {
+        return;
+    }
+    window.ga('ec:addProduct', {
+        ...product,
+        id: product.sku,
+        name: product.variant === 'Default Title' ? product.name : `${product.name} - ${product.variant}`,
+        variant: product.variant === 'Default Title' ? product.name : product.variant
+    });
+    window.ga('ec:setAction', 'add');
+    window.ga('send', 'event', {
+        eventCategory: 'EnhancedEcommerce',
+        eventAction: 'Added Product',
+        nonInteraction: true
+    });
+};
+/** Product clicked event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
+ */ const productClick = (product)=>{
+    if (!window.ga) {
+        return;
+    }
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        category: product.category,
+        brand: product.brand,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'click');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Product'
+    });
+};
+/** Product viewed event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
+ */ const productDetail = (product)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        brand: product.brand,
+        category: product.category,
+        id: product.id,
+        name: product.name,
+        variant: product.variant
+    });
+    ga('ec:setAction', 'detail');
+    ga('send', 'event', {
+        eventAction: 'Detail',
+        eventCategory: 'Ecommerce',
+        nonInteraction: 1
+    });
+};
+/** Removal from cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */ const removeFromCart = (product, price)=>{
+    if (!product || !window.ga) return;
+    ga('ec:addProduct', {
+        id: product.id,
+        name: product.name,
+        price
+    });
+    ga('ec:setAction', 'remove');
+    ga('send', 'event', {
+        eventAction: 'Click',
+        eventCategory: 'Remove from cart'
+    });
+};
+
+exports.addToCart = addToCart;
+exports.pageview = pageview;
+exports.productClick = productClick;
+exports.productDetail = productDetail;
+exports.removeFromCart = removeFromCart;

package/dist/cjs/helpers/tracking/tiktokpixel.js

@@ -1 +1,17 @@
-"use strict";const addToCart=t=>{window?.ttq?.track&&window.ttq.track("AddToCart",{content_id:t.id,content_type:"product",content_name:t.name,quantity:t.quantity,price:t.price,value:(t.price??0)*(t.quantity??0),currency:t.currency})};exports.addToCart=addToCart;
+'use strict';
+
+// @ts-nocheck
+const addToCart = (product)=>{
+    if (!window?.ttq?.track) return;
+    window.ttq.track('AddToCart', {
+        content_id: product.id,
+        content_type: 'product',
+        content_name: product.name,
+        quantity: product.quantity,
+        price: product.price,
+        value: (product.price ?? 0) * (product.quantity ?? 0),
+        currency: product.currency
+    });
+};
+
+exports.addToCart = addToCart;

package/dist/cjs/helpers/typography.js

@@ -1,17 +1,105 @@
-"use strict";var colors=require("./colors.js"),makeStyle=require("./make-style.js");const genTypoClass=e=>`g-${e}`,composeTypographyCss=e=>{let o=e?.custom,{fontFamily:t,fontSize:s,fontStyle:p,fontWeight:y,lineHeight:r,letterSpacing:l}=o?.desktop??{};return`
-  ${t?`font-family: var(--g-font-${t}, ${t});`:""}
-  ${s?`font-size: ${s};`:""}
-  ${p?`font-style: ${p};`:""}
-  ${y?`font-weight: ${y};`:""}
-  ${l?`letter-spacing: ${l};`:""}
-  ${r?`line-height: ${r};`:""}
-  `},composeTypographyV2Css=e=>{let o=e?.custom,{fontFamily:t,fontSize:s,fontWeight:p,lineHeight:y,letterSpacing:r}=o??{},l=e?.attrs,{bold:a,italic:i,underline:n,transform:m}=l??{};return`
-  ${t?`font-family: var(--g-font-${t}, ${t});`:""}
-  ${s?.desktop?`font-size: ${s?.desktop};`:""}
-  ${a?"font-weight: bold;":p?`font-weight: ${p};`:""}
-  ${r?`letter-spacing: ${r};`:""}
-  ${y?`line-height: ${y};`:""}
-  ${i?"font-style: italic;":""}
-  ${n?"text-decoration-line: underline;":""}
-  ${m?`text-transform: ${m};`:""}
-  `};function getCustomCSSByDevice(e,o){if(!e||!o)return{};let t="desktop"!==o&&o?`-${o}`:"",{fontFamily:s}=e?.[o]??{};return{[`--size${t}`]:e?.[o]?.fontSize,[`--lh${t}`]:e?.[o]?.lineHeight,[`--fs${t}`]:e?.[o]?.fontStyle,[`--ff${t}`]:s?`var(--g-font-${s}, ${s})`:void 0,[`--weight${t}`]:e?.[o]?.fontWeight,[`--ls${t}`]:e?.[o]?.letterSpacing}}const composeTypography=e=>e?makeStyle.removeNullUndefined({...getCustomCSSByDevice(e,"desktop"),...getCustomCSSByDevice(e,"tablet"),...getCustomCSSByDevice(e,"mobile")}):{},composeTypographyV2=(e,o)=>e?makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:o?.italic?void 0:e?.fontStyle,ff:e?.fontFamily?`var(--g-font-${e.fontFamily.replace(/ /g,"-")}, ${e.fontFamily})`:void 0,weight:o?.bold?void 0:e?.fontWeight,ls:e?.letterSpacing,lh:e?.lineHeight}),...makeStyle.makeStyleResponsive("size",e?.fontSize)}):{},composeTypographyAttr=e=>e?makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:e?.italic?"italic":void 0,weight:e?.bold?"bold":void 0,c:colors.getSingleColorVariable(e?.color),tt:e?.transform,tdl:e?.underline?"underline":void 0})}):{},composeTypographyClassName=(e,o)=>e?e?.type&&!e.custom?genTypoClass(e.type):"":o?.type&&genTypoClass(o?.type),composeTypographyStyle=(e,o,t)=>e?{...composeTypographyV2(e.custom,e.attrs),...!t&&composeTypographyAttr(e.attrs)}:{...o?.type?{}:composeTypography(o?.custom)};exports.composeTypography=composeTypography,exports.composeTypographyAttr=composeTypographyAttr,exports.composeTypographyClassName=composeTypographyClassName,exports.composeTypographyCss=composeTypographyCss,exports.composeTypographyStyle=composeTypographyStyle,exports.composeTypographyV2=composeTypographyV2,exports.composeTypographyV2Css=composeTypographyV2Css,exports.genTypoClass=genTypoClass;
+'use strict';
+
+var colors = require('./colors.js');
+var makeStyle = require('./make-style.js');
+
+const genTypoClass = (name)=>{
+    return `g-${name}`;
+};
+const composeTypographyCss = (typography)=>{
+    const typographyCustom = typography?.custom;
+    const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
+    return `
+  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
+  ${fontSize ? `font-size: ${fontSize};` : ''}
+  ${fontStyle ? `font-style: ${fontStyle};` : ''}
+  ${fontWeight ? `font-weight: ${fontWeight};` : ''}
+  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
+  ${lineHeight ? `line-height: ${lineHeight};` : ''}
+  `;
+};
+const composeTypographyV2Css = (typography)=>{
+    const typographyCustom = typography?.custom;
+    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
+    const typographyAttrs = typography?.attrs;
+    const { bold, italic, underline, transform } = typographyAttrs ?? {};
+    return `
+  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
+  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
+  ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
+  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
+  ${lineHeight ? `line-height: ${lineHeight};` : ''}
+  ${italic ? `font-style: italic;` : ''}
+  ${underline ? `text-decoration-line: underline;` : ''}
+  ${transform ? `text-transform: ${transform};` : ''}
+  `;
+};
+function getCustomCSSByDevice(typography, device) {
+    if (!typography || !device) return {};
+    const suffix = device === 'desktop' || !device ? '' : `-${device}`;
+    const { fontFamily } = typography?.[device] ?? {};
+    return {
+        [`--size${suffix}`]: typography?.[device]?.fontSize,
+        [`--lh${suffix}`]: typography?.[device]?.lineHeight,
+        [`--fs${suffix}`]: typography?.[device]?.fontStyle,
+        [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
+        [`--weight${suffix}`]: typography?.[device]?.fontWeight,
+        [`--ls${suffix}`]: typography?.[device]?.letterSpacing
+    };
+}
+const composeTypography = (typography)=>{
+    if (!typography) return {};
+    return makeStyle.removeNullUndefined({
+        ...getCustomCSSByDevice(typography, 'desktop'),
+        ...getCustomCSSByDevice(typography, 'tablet'),
+        ...getCustomCSSByDevice(typography, 'mobile')
+    });
+};
+const composeTypographyV2 = (value, attrs)=>{
+    if (!value) return {};
+    return makeStyle.removeNullUndefined({
+        ...makeStyle.makeStyle({
+            fs: !attrs?.italic ? value?.fontStyle : undefined,
+            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, ${value.fontFamily})` : undefined,
+            weight: !attrs?.bold ? value?.fontWeight : undefined,
+            ls: value?.letterSpacing,
+            lh: value?.lineHeight
+        }),
+        ...makeStyle.makeStyleResponsive('size', value?.fontSize)
+    });
+};
+const composeTypographyAttr = (attrs)=>{
+    if (!attrs) return {};
+    return makeStyle.removeNullUndefined({
+        ...makeStyle.makeStyle({
+            fs: attrs?.italic ? 'italic' : undefined,
+            weight: attrs?.bold ? 'bold' : undefined,
+            c: colors.getSingleColorVariable(attrs?.color),
+            tt: attrs?.transform,
+            tdl: attrs?.underline ? 'underline' : undefined
+        })
+    });
+};
+const composeTypographyClassName = (typo, typography)=>{
+    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+};
+const composeTypographyStyle = (typo, typography, disableAttr)=>{
+    if (typo) {
+        return {
+            ...composeTypographyV2(typo.custom, typo.attrs),
+            ...!disableAttr && composeTypographyAttr(typo.attrs)
+        };
+    }
+    return {
+        ...!typography?.type ? composeTypography(typography?.custom) : {}
+    };
+};
+
+exports.composeTypography = composeTypography;
+exports.composeTypographyAttr = composeTypographyAttr;
+exports.composeTypographyClassName = composeTypographyClassName;
+exports.composeTypographyCss = composeTypographyCss;
+exports.composeTypographyStyle = composeTypographyStyle;
+exports.composeTypographyV2 = composeTypographyV2;
+exports.composeTypographyV2Css = composeTypographyV2Css;
+exports.genTypoClass = genTypoClass;

package/dist/cjs/helpers/variant.js

@@ -1 +1,8 @@
-"use strict";function checkInStock(n){return!!n&&(n?.inventoryQuantity&&n.inventoryQuantity>0||!n?.manageInventory||"CONTINUE"===n.inventoryPolicy)}exports.checkInStock=checkInStock;
+'use strict';
+
+function checkInStock(variant) {
+    if (!variant) return false;
+    return variant?.inventoryQuantity && variant.inventoryQuantity > 0 || !variant?.manageInventory || variant.inventoryPolicy === 'CONTINUE';
+}
+
+exports.checkInStock = checkInStock;

package/dist/cjs/hooks/cart/use-add-to-cart.js

@@ -1 +1,20 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useAddToCart=e=>{let r=shop.useStoreFront(),{mutate:s}=useSWR.useSWRConfig();return useSWRMutation("add-to-cart",(e,{arg:s})=>adapterShopify.addToCartOperation(r)(s),{...e,onSuccess:(r,t,o)=>{s("cart",r,!1),e?.onSuccess?.(r,t,o)}})};exports.useAddToCart=useAddToCart;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var useSWRMutation = require('swr/mutation');
+var shop = require('../shop.js');
+
+const useAddToCart = (options)=>{
+    const shop$1 = shop.useStoreFront();
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('add-to-cart', (_, { arg })=>adapterShopify.addToCartOperation(shop$1)(arg), {
+        ...options,
+        onSuccess: (result, key, config)=>{
+            mutate('cart', result, false);
+            options?.onSuccess?.(result, key, config);
+        }
+    });
+};
+
+exports.useAddToCart = useAddToCart;

package/dist/cjs/hooks/cart/use-cart-data.js

@@ -1 +1,28 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),shop=require("../shop.js"),useCartId=require("../useCartId.js");const useCartData=e=>{let{cartId:r,clearCartId:a}=useCartId.default(),t=shop.useStoreFront();return useSWR(r?"cart":null,()=>adapterShopify.getCartOperation(t)({cartId:r}),{revalidateOnMount:!0,revalidateOnFocus:!0,keepPreviousData:!1,dedupingInterval:2e3,...e,onSuccess(r,t,s){r||a(),e?.onSuccess?.(r,t,s)}})};exports.useCartData=useCartData;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var shop = require('../shop.js');
+var useCartId = require('../useCartId.js');
+
+const useCartData = (options)=>{
+    const { cartId, clearCartId } = useCartId.default();
+    const shop$1 = shop.useStoreFront();
+    return useSWR(cartId ? 'cart' : null, ()=>adapterShopify.getCartOperation(shop$1)({
+            cartId: cartId
+        }), {
+        revalidateOnMount: true,
+        revalidateOnFocus: true,
+        keepPreviousData: false,
+        dedupingInterval: 2000,
+        ...options,
+        onSuccess (data, key, config) {
+            if (!data) {
+                clearCartId();
+            }
+            options?.onSuccess?.(data, key, config);
+        }
+    });
+};
+
+exports.useCartData = useCartData;

package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js

@@ -1 +1,20 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCartDiscountCodesUpdate=e=>{let s=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("cart-discount-codes-update",(e,{arg:t})=>adapterShopify.cartDiscountCodesUpdateOperation(s)(t),{...e,onSuccess:(s,o,r)=>{t("cart",s,!1),e?.onSuccess?.(s,o,r)}})};exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var useSWRMutation = require('swr/mutation');
+var shop = require('../shop.js');
+
+const useCartDiscountCodesUpdate = (options)=>{
+    const shop$1 = shop.useStoreFront();
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('cart-discount-codes-update', (_, { arg })=>adapterShopify.cartDiscountCodesUpdateOperation(shop$1)(arg), {
+        ...options,
+        onSuccess: (result, key, config)=>{
+            mutate('cart', result, false);
+            options?.onSuccess?.(result, key, config);
+        }
+    });
+};
+
+exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate;

package/dist/cjs/hooks/cart/use-cart-note-update.js

@@ -1 +1,20 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCartNoteUpdate=e=>{let t=shop.useStoreFront(),{mutate:r}=useSWR.useSWRConfig();return useSWRMutation("cart-note-update",(e,{arg:r})=>adapterShopify.cartNoteUpdateOperation(t)(r),{...e,onSuccess:(t,s,a)=>{r("cart",t,!1),e?.onSuccess?.(t,s,a)}})};exports.useCartNoteUpdate=useCartNoteUpdate;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var useSWRMutation = require('swr/mutation');
+var shop = require('../shop.js');
+
+const useCartNoteUpdate = (options)=>{
+    const shop$1 = shop.useStoreFront();
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('cart-note-update', (_, { arg })=>adapterShopify.cartNoteUpdateOperation(shop$1)(arg), {
+        ...options,
+        onSuccess: (result, key, config)=>{
+            mutate('cart', result, false);
+            options?.onSuccess?.(result, key, config);
+        }
+    });
+};
+
+exports.useCartNoteUpdate = useCartNoteUpdate;

package/dist/cjs/hooks/cart/use-create-cart.js

@@ -1 +1,22 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCreateCart=e=>{let r=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("create-cart",(e,{arg:t})=>adapterShopify.createCartOperation(r)(t),{...e,onSuccess:(r,s,a)=>{t("cart",r,!1),e?.onSuccess?.(r,s,a)}})};exports.useCreateCart=useCreateCart;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var useSWRMutation = require('swr/mutation');
+var shop = require('../shop.js');
+
+const useCreateCart = (options)=>{
+    const shop$1 = shop.useStoreFront();
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('create-cart', (_, { arg })=>{
+        return adapterShopify.createCartOperation(shop$1)(arg);
+    }, {
+        ...options,
+        onSuccess: (result, key, config)=>{
+            mutate('cart', result, false);
+            options?.onSuccess?.(result, key, config);
+        }
+    });
+};
+
+exports.useCreateCart = useCreateCart;

package/dist/cjs/hooks/cart/use-remove-cart-item.js

@@ -1 +1,20 @@
-"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useRemoveCartItem=e=>{let r=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("remove-cart-item",(e,{arg:t})=>adapterShopify.removeCartItemOperation(r)(t),{...e,onSuccess:(r,s,o)=>{t("cart",r,!1),e?.onSuccess?.(r,s,o)}})};exports.useRemoveCartItem=useRemoveCartItem;
+'use strict';
+
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var useSWR = require('swr');
+var useSWRMutation = require('swr/mutation');
+var shop = require('../shop.js');
+
+const useRemoveCartItem = (options)=>{
+    const shop$1 = shop.useStoreFront();
+    const { mutate } = useSWR.useSWRConfig();
+    return useSWRMutation('remove-cart-item', (_, { arg })=>adapterShopify.removeCartItemOperation(shop$1)(arg), {
+        ...options,
+        onSuccess: (result, key, config)=>{
+            mutate('cart', result, false);
+            options?.onSuccess?.(result, key, config);
+        }
+    });
+};
+
+exports.useRemoveCartItem = useRemoveCartItem;