@gem-sdk/core 1.38.0 → 2.0.0-dev.834

package/dist/cjs/helpers/size.js

@@ -1,183 +1,4 @@
-'use strict';
-
-var makeStyle = require('./make-style.js');
-var constant = require('./constant.js');
-var getResonsiveValue = require('./get-resonsive-value.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 `gp-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}
-  `;
-};
-const makeGlobalSize = (globalSize)=>{
-    return {
-        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
-            desktop: '--g-ct-w',
-            tablet: '--g-ct-w',
-            mobile: '--g-ct-w'
-        }),
-        height: makeStyle.makeStyleResponsive('h', getWidthHeightGlobalSize('height', globalSize)),
-        padding: getPaddingGlobalSize(globalSize),
-        gap: getGlobalSizeGap(globalSize)
-    };
-};
-const getGlobalSizeGap = (globalSize)=>{
-    return {
-        '--gg': globalSize?.desktop?.gap,
-        '--gg-tablet': globalSize?.tablet?.gap,
-        '--gg-mobile': globalSize?.mobile?.gap
-    };
-};
-const makeStyleWithDefault = (name, value, defaultVal)=>{
-    return {
-        [`--${name}`]: value?.desktop === 'default' ? `var(${defaultVal?.desktop})` : value?.desktop,
-        [`--${name}-tablet`]: value?.tablet === 'default' ? `var(${defaultVal?.tablet})` : value?.tablet,
-        [`--${name}-mobile`]: value?.mobile === 'default' ? `var(${defaultVal?.mobile})` : value?.mobile
-    };
-};
-const getWidthHeightGlobalSize = (type, globalSize)=>{
-    if (!globalSize) return {};
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        result = {
-            ...result,
-            [device]: getResonsiveValue.getResponsiveValueByScreen(globalSize, device)?.[type]
-        };
-    });
-    return result;
-};
-const getHeightByShapeGlobalSize = (shapeByLayout)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        const shapeValue = shapeByDevice?.shapeValue;
-        const height = shapeByDevice?.height;
-        result = {
-            ...result,
-            [device]: shapeValue ? 'auto' : height || 'auto'
-        };
-    });
-    return result;
-};
-const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        const width = defaultAuto ? shapeByDevice?.width || 'auto' : shapeByDevice?.width;
-        if (width) {
-            result = {
-                ...result,
-                [device]: width
-            };
-        }
-    });
-    return result;
-};
-const getAspectRatioGlobalSize = (shape)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeValue = getResonsiveValue.getResponsiveValueByScreen(shape, device)?.shapeValue;
-        if (shapeValue) {
-            result = {
-                ...result,
-                [device]: shapeValue
-            };
-        } else {
-            const shapeConfig = getResonsiveValue.getResponsiveValueByScreen(shape, device)?.shape;
-            switch(shapeConfig){
-                case 'square':
-                    result = {
-                        ...result,
-                        [device]: '1/1'
-                    };
-                    break;
-                case 'vertical':
-                    result = {
-                        ...result,
-                        [device]: '3/4'
-                    };
-                    break;
-                case 'horizontal':
-                    result = {
-                        ...result,
-                        [device]: '4/3'
-                    };
-                    break;
-                case 'original':
-                    result = {
-                        ...result,
-                        [device]: 'auto'
-                    };
-                    break;
-            }
-        }
-    });
-    return result;
-};
-function getCustomPaddingSizeCSSByDevice(globalSize, device) {
-    if (!globalSize || !device) return {};
-    const suffix = constant.devicesMapping[device] ?? '';
-    return {
-        [`--pl${suffix}`]: globalSize?.[device]?.padding?.left,
-        [`--pr${suffix}`]: globalSize?.[device]?.padding?.right,
-        [`--pt${suffix}`]: globalSize?.[device]?.padding?.top,
-        [`--pb${suffix}`]: globalSize?.[device]?.padding?.bottom
-    };
-}
-const getPaddingGlobalSize = (globalSize)=>{
-    return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
-};
-
-exports.composeSize = composeSize;
-exports.composeSizeCss = composeSizeCss;
-exports.genSizeClass = genSizeClass;
-exports.getAspectRatioGlobalSize = getAspectRatioGlobalSize;
-exports.getGlobalSizeGap = getGlobalSizeGap;
-exports.getHeightByShapeGlobalSize = getHeightByShapeGlobalSize;
-exports.getPaddingGlobalSize = getPaddingGlobalSize;
-exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
-exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;
-exports.makeGlobalSize = makeGlobalSize;
-exports.makeStyleWithDefault = makeStyleWithDefault;
+"use strict";var makeStyle=require("./make-style.js"),constant=require("./constant.js"),getResonsiveValue=require("./get-resonsive-value.js");function getCustomSizeCSSByDevice(e,t){if(!e||!t)return{};let i=constant.devicesMapping[t]??"";return{[`--pl${i}`]:e?.[t]?.horizontal,[`--pr${i}`]:e?.[t]?.horizontal,[`--pt${i}`]:e?.[t]?.vertical,[`--pb${i}`]:e?.[t]?.vertical}}const composeSize=e=>Object.assign({},getCustomSizeCSSByDevice(e,"desktop"),getCustomSizeCSSByDevice(e,"tablet"),getCustomSizeCSSByDevice(e,"mobile"));function genSizeClass(e){return`gp-g-s-${e}`}const composeSizeCss=e=>{if(void 0===e)return"";let t=e?.custom?.desktop?.horizontal,i=e?.custom?.desktop?.vertical;if(e?.custom)return`
+  ${t?`padding-left: ${t}; padding-right: ${t};`:void 0}
+  ${i?`padding-top: ${i}; padding-bottom: ${i};`:void 0}
+  `},makeGlobalSize=e=>({width:makeStyleWithDefault("w",getWidthHeightGlobalSize("width",e),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),height:makeStyle.makeStyleResponsive("h",getWidthHeightGlobalSize("height",e)),padding:getPaddingGlobalSize(e),gap:getGlobalSizeGap(e)}),getGlobalSizeGap=e=>({"--gg":e?.desktop?.gap,"--gg-tablet":e?.tablet?.gap,"--gg-mobile":e?.mobile?.gap}),makeStyleWithDefault=(e,t,i)=>({[`--${e}`]:t?.desktop==="default"?`var(${i?.desktop})`:t?.desktop,[`--${e}-tablet`]:t?.tablet==="default"?`var(${i?.tablet})`:t?.tablet,[`--${e}-mobile`]:t?.mobile==="default"?`var(${i?.mobile})`:t?.mobile}),getWidthHeightGlobalSize=(e,t)=>{if(!t)return{};let i={},a=["desktop","mobile","tablet"];return a.forEach(a=>{i={...i,[a]:getResonsiveValue.getResponsiveValueByScreen(t,a)?.[e]}}),i},getHeightByShapeGlobalSize=e=>{let t={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let a=getResonsiveValue.getResponsiveValueByScreen(e,i),o=a?.shapeValue,l=a?.height;t={...t,[i]:o?"auto":l||"auto"}}),t},getWidthByShapeGlobalSize=(e,t)=>{let i={},a=["desktop","mobile","tablet"];return a.forEach(a=>{let o=getResonsiveValue.getResponsiveValueByScreen(e,a),l=t?o?.width||"auto":o?.width;l&&(i={...i,[a]:l})}),i},getAspectRatioGlobalSize=e=>{let t={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let a=getResonsiveValue.getResponsiveValueByScreen(e,i)?.shapeValue;if(a)t={...t,[i]:a};else{let a=getResonsiveValue.getResponsiveValueByScreen(e,i)?.shape;switch(a){case"square":t={...t,[i]:"1/1"};break;case"vertical":t={...t,[i]:"3/4"};break;case"horizontal":t={...t,[i]:"4/3"};break;case"original":t={...t,[i]:"auto"}}}}),t};function getCustomPaddingSizeCSSByDevice(e,t){if(!e||!t)return{};let i=constant.devicesMapping[t]??"";return{[`--pl${i}`]:e?.[t]?.padding?.left,[`--pr${i}`]:e?.[t]?.padding?.right,[`--pt${i}`]:e?.[t]?.padding?.top,[`--pb${i}`]:e?.[t]?.padding?.bottom}}const getPaddingGlobalSize=e=>Object.assign({},getCustomPaddingSizeCSSByDevice(e,"desktop"),getCustomPaddingSizeCSSByDevice(e,"tablet"),getCustomPaddingSizeCSSByDevice(e,"mobile"));exports.composeSize=composeSize,exports.composeSizeCss=composeSizeCss,exports.genSizeClass=genSizeClass,exports.getAspectRatioGlobalSize=getAspectRatioGlobalSize,exports.getGlobalSizeGap=getGlobalSizeGap,exports.getHeightByShapeGlobalSize=getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=getPaddingGlobalSize,exports.getWidthByShapeGlobalSize=getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=getWidthHeightGlobalSize,exports.makeGlobalSize=makeGlobalSize,exports.makeStyleWithDefault=makeStyleWithDefault;

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,126 +1,17 @@
-'use strict';
-
-var colors = require('./colors.js');
-var makeStyle = require('./make-style.js');
-
-const genTypoClass = (name)=>{
-    return `gp-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, isImportant)=>{
-    const typographyCustom = typography?.custom;
-    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
-    const typographyAttrs = typography?.attrs;
-    const { bold, italic, underline, transform } = typographyAttrs ?? {};
-    const composeImportant = isImportant ? '!important' : '';
-    return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
-  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
-  ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
-  ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
-  ${italic ? `font-style: italic ${composeImportant};` : ''}
-  ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
-  ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
-  `;
-};
-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}'), ${value.fallbackFontFamily}` : 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 composeFallbackTypographyStyle = (tag)=>{
-    if ([
-        'heading',
-        'heading-1',
-        'heading-2',
-        'heading-3',
-        'heading-4',
-        'heading-5',
-        'heading-6'
-    ].includes(tag)) {
-        return 'var(--g-font-heading, heading)';
-    }
-    return 'var(--g-font-body, body)';
-};
-const composeTypographyStyle = (typo, typography, disableAttr)=>{
-    if (typo) {
-        const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
-        const customTypo = {
-            ...typo.custom,
-            fallbackFontFamily: fallbackFontFamily
-        };
-        return {
-            ...composeTypographyV2(customTypo, typo.attrs),
-            ...!disableAttr && composeTypographyAttr(typo.attrs)
-        };
-    }
-    return {
-        ...!typography?.type ? composeTypography(typography?.custom) : {}
-    };
-};
-
-exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
-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=>`gp-g-${e}`,composeTypographyCss=e=>{let o=e?.custom,{fontFamily:t,fontSize:p,fontStyle:s,fontWeight:a,lineHeight:y,letterSpacing:l}=o?.desktop??{};return`
+  ${t?`font-family: var(--g-font-${t}, ${t});`:""}
+  ${p?`font-size: ${p};`:""}
+  ${s?`font-style: ${s};`:""}
+  ${a?`font-weight: ${a};`:""}
+  ${l?`letter-spacing: ${l};`:""}
+  ${y?`line-height: ${y};`:""}
+  `},composeTypographyV2Css=(e,o)=>{let t=e?.custom,{fontFamily:p,fontSize:s,fontWeight:a,lineHeight:y,letterSpacing:l}=t??{},r=e?.attrs,{bold:i,italic:n,underline:g,transform:m}=r??{},c=o?"!important":"";return`
+  ${p?`font-family: var(--g-font-${p}, ${p}) ${c};`:""}
+  ${s?.desktop?`font-size: ${s?.desktop} ${c};`:""}
+  ${i?`font-weight: bold ${c};`:a?`font-weight: ${a} ${c};`:""}
+  ${l?`letter-spacing: ${l} ${c};`:""}
+  ${y?.desktop?`line-height: ${y?.desktop} ${c};`:""}
+  ${n?`font-style: italic ${c};`:""}
+  ${g?`text-decoration-line: underline ${c};`:""}
+  ${m?`text-transform: ${m} ${c};`:""}
+  `};function getCustomCSSByDevice(e,o){if(!e||!o)return{};let t="desktop"!==o&&o?`-${o}`:"",{fontFamily:p}=e?.[o]??{};return{[`--size${t}`]:e?.[o]?.fontSize,[`--lh${t}`]:e?.[o]?.lineHeight,[`--fs${t}`]:e?.[o]?.fontStyle,[`--ff${t}`]:p?`var(--g-font-${p}, ${p})`: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}'), ${e.fallbackFontFamily}`:void 0,weight:o?.bold?void 0:e?.fontWeight,ls:e?.letterSpacing}),...makeStyle.makeStyleResponsive("size",e?.fontSize),...makeStyle.makeStyleResponsive("lh",e?.lineHeight)}):{},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),composeFallbackTypographyStyle=e=>["heading","heading-1","heading-2","heading-3","heading-4","heading-5","heading-6"].includes(e)?"var(--g-font-heading, heading)":"var(--g-font-body, body)",composeTypographyStyle=(e,o,t)=>{if(e){let o=composeFallbackTypographyStyle(e.type??"heading"),p={...e.custom,fallbackFontFamily:o};return{...composeTypographyV2(p,e.attrs),...!t&&composeTypographyAttr(e.attrs)}}return{...o?.type?{}:composeTypography(o?.custom)}};exports.composeFallbackTypographyStyle=composeFallbackTypographyStyle,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,11 +1 @@
-'use strict';
-
-function checkInStock(variant, product) {
-    if (!variant) return false;
-    return variant?.inventoryQuantity && variant.inventoryQuantity > 0 && !isDefaultVariant(variant, product) || !variant?.manageInventory || variant.inventoryPolicy === 'CONTINUE';
-}
-function isDefaultVariant(variant, product) {
-    return Boolean(variant?.title === 'Default Title' && product?.options?.some((option)=>option.values.length > 1));
-}
-
-exports.checkInStock = checkInStock;
+"use strict";function checkInStock(t,n){return!!t&&(t?.inventoryQuantity&&t.inventoryQuantity>0&&!isDefaultVariant(t,n)||!t?.manageInventory||"CONTINUE"===t.inventoryPolicy)}function isDefaultVariant(t,n){return(n?.[0]?.selectedOptions.length??0)>1&&t?.title==="Default Title"}exports.checkInStock=checkInStock;

package/dist/cjs/hooks/animation/animations.js

@@ -0,0 +1 @@
+"use strict";const EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let t=t=>{let r=JSON.parse(JSON.stringify(t)),e=["delay","speed","scale","intensity"];return e.forEach(t=>{if(!r?.[t])return;if("scale"===t){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=r?.scale?.in??[1,1],[n,o]=r?.scale?.out??[1,1];r[t]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let e=Number(r?.[t]);if("delay"===t?r[t]=1e3*e:r[t]=e,!isFinite(e))throw TypeError(`${t} must be a number`)}),r},r=(r,e)=>{let n=t(e),{direction:s,distance:l}=n,p=["left","right"].includes(s??"")?"X":"Y",u=["left","down"].includes(s??"")?"-":"",f=o(r),m=[{display:f,opacity:0,transform:`translate${p}(${u}${l??50}%)`},{display:f,opacity:i(r),transform:`translate${p}(0)`}];return c(r,m,{...a(n,500),fill:"forwards"})},e=(r,e)=>{let n=t(e),o=[{opacity:0},{opacity:i(r)}];return c(r,o,{...a(n,500)})},a=(t,r)=>{let e=t=>t?1.5/t*1e3:r,{loop:a,delay:n,speed:o,easing:i}=t??{},s=e(o),l=n??0,c=a?s+l:s;return{iterations:a?1/0:1,duration:c,delay:l,easing:EASING[i??"linear"]}},n=(r,e)=>{let n=t(e),{scale:s,zoomDirection:l,isFade:p}=n,[u,f]=s.in,[m,y]=s.out,d=o(r),b=i(r),$=[{display:d,transform:`scale(${u}, ${u})`,opacity:p?0:1},{display:d,transform:`scale(${f??1.2}, ${f??1.2})`,opacity:b}],w=[{display:d,transform:`scale(${m}, ${m})`,opacity:p?0:1},{display:d,transform:`scale(${y??.8}, ${y??.8})`,opacity:b}],x="in"===l?$:w;return c(r,x,{...a(n,700),fill:"forwards"})},o=t=>{let r="inline"===window.getComputedStyle(t,null).getPropertyValue("display");return r?"block":void 0},i=t=>window.getComputedStyle(t,null).getPropertyValue("opacity"),s=(t,r,e)=>{if(!r)return t;let a=r/e,n=[...t].pop();return[...t,{...n,offset:1-a}]},l=(r,e)=>{let n=t(e),{intensity:s}=n??{},l=o(r),p=i(r),u=[{transform:"translate3d(0, 0, 0)",opacity:p,display:l}],f=[{transform:"translate3d(4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(4px, 0, 0)",opacity:p,display:l}],m=[];Array.from(Array(s??1).keys()).forEach(()=>{m=[...m,...f]});let y=[{transform:"translate3d(-1px, 0, 0)",opacity:p,display:l},{transform:"translate3d(2px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},...m,{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(2px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-1px, 0, 0)",opacity:p,display:l}];return c(r,s?y:u,{...a(n??{},820)})},c=(t,r,e)=>{let a=new KeyframeEffect(t,e.iterations&&1===e.iterations?r:s(r,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:l,fade:e,slide:r}};exports.animations=animations;

package/dist/cjs/hooks/animation/useAnimationActions.js

@@ -1,39 +1 @@
-'use strict';
-
-var react = require('react');
-
-const useAnimationActions = ()=>{
-    const listAnimations = react.useRef();
-    const setAnimation = react.useCallback((newListAnimations)=>{
-        listAnimations.current = newListAnimations;
-    }, [
-        listAnimations
-    ]);
-    const playAnimation = react.useCallback(()=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.play();
-        }
-    }, []);
-    const cancelAnimation = react.useCallback(()=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.cancel();
-        }
-    }, []);
-    const setAnimationOnFinish = react.useCallback((onFinish)=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.onfinish = onFinish;
-        }
-    }, []);
-    return {
-        currentAnimation: listAnimations.current,
-        setAnimation,
-        playAnimation,
-        cancelAnimation,
-        setAnimationOnFinish
-    };
-};
-
-exports.useAnimationActions = useAnimationActions;
+"use strict";var react=require("react");const useAnimationActions=()=>{let e=react.useRef(),r=react.useCallback(r=>{e.current=r},[e]),t=react.useCallback(()=>{if(e.current)for(let r of e.current)r.play()},[]),c=react.useCallback(()=>{if(e.current)for(let r of e.current)r.cancel()},[]),n=react.useCallback(r=>{if(e.current)for(let t of e.current)t.onfinish=r},[]);return{currentAnimation:e.current,setAnimation:r,playAnimation:t,cancelAnimation:c,setAnimationOnFinish:n}};exports.useAnimationActions=useAnimationActions;

package/dist/cjs/hooks/animation/useAnimationConfig.js

@@ -1,29 +1 @@
-'use strict';
-
-var react = require('react');
-var useCurrentDevice = require('../use-current-device.js');
-
-const useAnimationConfig = (props)=>{
-    const currentDevice = useCurrentDevice.useCurrentDevice();
-    const configByDevices = react.useMemo(()=>props?.advanced?.animation?.[currentDevice], [
-        currentDevice,
-        props?.advanced?.animation
-    ]);
-    const getAnimationConfig = react.useCallback(()=>{
-        const { trigger, triggerConfig } = configByDevices;
-        const { animation, setting } = triggerConfig[trigger];
-        return {
-            type: animation,
-            setting: setting[animation]
-        };
-    }, [
-        configByDevices
-    ]);
-    const isEnabledAnimation = configByDevices?.enabled;
-    return {
-        isEnabledAnimation,
-        getAnimationConfig
-    };
-};
-
-exports.useAnimationConfig = useAnimationConfig;
+"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js");const useAnimationConfig=e=>{let n=useCurrentDevice.useCurrentDevice(),t=react.useMemo(()=>e?.advanced?.animation?.[n],[n,e?.advanced?.animation]),r=react.useCallback(()=>{let{trigger:e,triggerConfig:n}=t,{animation:r,setting:i}=n[e];return{type:r,setting:i[r]}},[t]),i=t?.enabled;return{isEnabledAnimation:i,getAnimationConfig:r}};exports.useAnimationConfig=useAnimationConfig;

package/dist/cjs/hooks/animation/useAnimationPreview.js

@@ -1,31 +1 @@
-'use strict';
-
-var react = require('react');
-
-const useAnimationPreview = ({ props, playAnimation, cancelAnimation, setAnimationOnFinish, setToolbarActive })=>{
-    const previewAnimation = react.useCallback((e)=>{
-        const { uid, isCancel } = e.detail;
-        if (props.uid !== uid) return;
-        cancelAnimation();
-        if (isCancel) {
-            setToolbarActive(true);
-            return;
-        }
-        playAnimation();
-        setToolbarActive(false);
-        setAnimationOnFinish(()=>{
-            setToolbarActive(true);
-        });
-    }, [
-        props.uid,
-        cancelAnimation,
-        playAnimation,
-        setToolbarActive,
-        setAnimationOnFinish
-    ]);
-    return {
-        previewAnimation
-    };
-};
-
-exports.useAnimationPreview = useAnimationPreview;
+"use strict";var react=require("react");const useAnimationPreview=({props:e,playAnimation:i,cancelAnimation:r,setAnimationOnFinish:t,setToolbarActive:a})=>{let u=react.useCallback(u=>{let{uid:n,isCancel:s}=u.detail;if(e.uid===n){if(r(),s){a(!0);return}i(),a(!1),t(()=>{a(!0)})}},[e.uid,r,i,a,t]);return{previewAnimation:u}};exports.useAnimationPreview=useAnimationPreview;