@gem-sdk/core 1.13.38 → 1.14.0-dev.284

package/dist/cjs/helpers/render.js

@@ -1,71 +1 @@
-'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;
+"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;

package/dist/cjs/helpers/shadow.js

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

package/dist/cjs/helpers/size.js

@@ -1,35 +1,4 @@
-'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;
+"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;

package/dist/cjs/helpers/spacing.js

@@ -1,43 +1 @@
-'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;
+"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;

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

@@ -1,28 +1 @@
-'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;
+"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;

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

@@ -1,93 +1 @@
-'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;
+"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;

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

@@ -1,17 +1 @@
-'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;
+"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;

package/dist/cjs/helpers/typography.js

@@ -1,105 +1,17 @@
-'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;
+"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;

package/dist/cjs/helpers/variant.js

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

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

@@ -1,20 +1 @@
-'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;
+"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;

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

@@ -1,28 +1 @@
-'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;
+"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;

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

@@ -1,20 +1 @@
-'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;
+"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;

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

@@ -1,20 +1 @@
-'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;
+"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;

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

@@ -1,22 +1 @@
-'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;
+"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;

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

@@ -1,20 +1 @@
-'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;
+"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;