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

package/dist/cjs/helpers/colors.js

@@ -1 +1,183 @@
-"use strict";var isDefined=require("./is-defined.js"),constant=require("./constant.js");const getGlobalColorCSSProp=e=>getSingleColorVariable(e),getGlobalColorClass=(e,t)=>"string"!=typeof t||!t||t?.startsWith("#")||t?.startsWith("rgb")||t?.startsWith("hsl")||t?.startsWith("transparent")?"":`${e}-g-${t}`,getGlobalColorResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?`${t}:${s}`:`${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${s}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"desktop"===t?[`--${e}`,getSingleColorVariable(o)]:[`--${e}-${t}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping?.[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):{},getGlobalColorStateResponsiveStyle=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.fromEntries(Object.entries(o).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):Object.fromEntries(Object.entries(o).map(([o,l])=>"active"===o?[]:[`-${constant.stateMapping[o]}-${e}-${t}`,getSingleColorVariable(l)]).filter(isDefined.isDefined))).reduce((e,t)=>({...e,...t}),{}):{},getSingleColorVariable=e=>{if(e)return isColor(e)?e:`var(--g-c-${e}, ${e})`};function isColor(e){return e?.startsWith("#")||e?.startsWith("rgb")||e?.startsWith("hsl")||e?.startsWith("transparent")}const getGlobalColorStyle=e=>e?{"--c":getSingleColorVariable(e)}:{},composeTextColorCss=e=>`${e?`color: ${getSingleColorVariable(e)} !important;`:""}`;exports.composeTextColorCss=composeTextColorCss,exports.getGlobalColorCSSProp=getGlobalColorCSSProp,exports.getGlobalColorClass=getGlobalColorClass,exports.getGlobalColorResponsiveClass=getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=getGlobalColorStateStyle,exports.getGlobalColorStyle=getGlobalColorStyle,exports.getSingleColorVariable=getSingleColorVariable,exports.isColor=isColor;
+'use strict';
+
+var isDefined = require('./is-defined.js');
+var constant = require('./constant.js');
+
+const getGlobalColorCSSProp = (color)=>{
+    return getSingleColorVariable(color);
+};
+const getGlobalColorClass = (type, color)=>{
+    if (typeof color !== 'string' || !color || color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent')) return '';
+    return `${type}-g-${color}`;
+};
+const getGlobalColorResponsiveClass = (type, data)=>{
+    if (!data) return '';
+    return Object.entries(data).map(([device, value])=>{
+        const clName = getGlobalColorClass(type, value);
+        if (!clName) return undefined;
+        if (device === 'desktop') {
+            return clName;
+        } else {
+            return `${device}:${clName}`;
+        }
+    }).filter(isDefined.isDefined).join(' ');
+};
+const getGlobalColorStateClass = (type, data)=>{
+    if (!data) return '';
+    return Object.entries(data).map(([state, value])=>{
+        const clName = getGlobalColorClass(type, value);
+        if (!clName) return undefined;
+        if (state === 'normal') {
+            return clName;
+        } else {
+            return `${state}:${clName}`;
+        }
+    }).filter(isDefined.isDefined).join(' ');
+};
+const getGlobalColorStateClassDynamicBtn = (type, data)=>{
+    if (!data) return '';
+    return Object.entries(data).map(([state, value])=>{
+        const clName = getGlobalColorClass(type, value);
+        if (!clName) return undefined;
+        if (state === 'normal') {
+            return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${clName}`;
+        } else {
+            return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${state}:${clName}`;
+        }
+    }).filter(isDefined.isDefined).join(' ');
+};
+const getGlobalColorStateResponsiveClass = (type, data)=>{
+    if (!data) return '';
+    return Object.entries(data).map(([device, objectState])=>{
+        if (device === 'desktop') {
+            return Object.entries(objectState).map(([state, value])=>{
+                const clName = getGlobalColorClass(type, value);
+                if (!clName) return undefined;
+                if (state === 'normal') {
+                    return clName;
+                } else {
+                    return `${state}:${clName}`;
+                }
+            }).filter(isDefined.isDefined).join(' ');
+        } else {
+            return Object.entries(objectState).map(([state, value])=>{
+                const clName = getGlobalColorClass(type, value);
+                if (!clName) return undefined;
+                if (state === 'normal') {
+                    return `${device}:${clName}`;
+                } else {
+                    return `${device}:${state}:${clName}`;
+                }
+            }).filter(isDefined.isDefined).join(' ');
+        }
+    }).filter(Boolean).join(' ');
+};
+const getGlobalColorStateResponsiveClassDynamicBtn = (type, data)=>{
+    if (!data) return '';
+    return Object.entries(data).map(([device, objectState])=>{
+        if (device === 'desktop') {
+            return Object.entries(objectState).map(([state, value])=>{
+                const clName = getGlobalColorClass(type, value);
+                if (!clName) return undefined;
+                if (state === 'normal') {
+                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${clName}`;
+                } else {
+                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${state}:${clName}`;
+                }
+            }).filter(isDefined.isDefined).join(' ');
+        } else {
+            return Object.entries(objectState).map(([state, value])=>{
+                const clName = getGlobalColorClass(type, value);
+                if (!clName) return undefined;
+                if (state === 'normal') {
+                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${device}:${clName}`;
+                } else {
+                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${device}:${state}:${clName}`;
+                }
+            }).filter(isDefined.isDefined).join(' ');
+        }
+    }).filter(Boolean).join(' ');
+};
+const getGlobalColorResponsiveStyle = (type, data)=>{
+    if (!data) return {};
+    return Object.fromEntries(Object.entries(data).map(([device, value])=>{
+        if (device === 'desktop') {
+            return [
+                `--${type}`,
+                getSingleColorVariable(value)
+            ];
+        } else {
+            return [
+                `--${type}-${device}`,
+                getSingleColorVariable(value)
+            ];
+        }
+    }));
+};
+const getGlobalColorStateStyle = (type, data)=>{
+    if (!data) return {};
+    return Object.fromEntries(Object.entries(data).map(([state, value])=>{
+        if (state === 'active') return [];
+        return [
+            `-${constant.stateMapping?.[state]}-${type}`,
+            getSingleColorVariable(value)
+        ];
+    }).filter(isDefined.isDefined));
+};
+const getGlobalColorStateResponsiveStyle = (type, data)=>{
+    if (!data) return {};
+    return Object.entries(data).map(([device, objectState])=>{
+        if (device === 'desktop') {
+            return Object.fromEntries(Object.entries(objectState).map(([state, value])=>{
+                if (state === 'active') return [];
+                return [
+                    `-${constant.stateMapping[state]}-${type}`,
+                    getSingleColorVariable(value)
+                ];
+            }).filter(isDefined.isDefined));
+        } else {
+            return Object.fromEntries(Object.entries(objectState).map(([state, value])=>{
+                if (state === 'active') return [];
+                return [
+                    `-${constant.stateMapping[state]}-${type}-${device}`,
+                    getSingleColorVariable(value)
+                ];
+            }).filter(isDefined.isDefined));
+        }
+    }).reduce((acc, curr)=>({
+            ...acc,
+            ...curr
+        }), {});
+};
+const getSingleColorVariable = (color)=>{
+    if (!color) return undefined;
+    if (isColor(color)) return color;
+    return `var(--g-c-${color}, ${color})`;
+};
+function isColor(color) {
+    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
+}
+const getGlobalColorStyle = (data)=>{
+    if (!data) return {};
+    return {
+        '--c': getSingleColorVariable(data)
+    };
+};
+const composeTextColorCss = (color)=>{
+    return `${color ? `color: ${getSingleColorVariable(color)} !important;` : ''}`;
+};
+
+exports.composeTextColorCss = composeTextColorCss;
+exports.getGlobalColorCSSProp = getGlobalColorCSSProp;
+exports.getGlobalColorClass = getGlobalColorClass;
+exports.getGlobalColorResponsiveClass = getGlobalColorResponsiveClass;
+exports.getGlobalColorResponsiveStyle = getGlobalColorResponsiveStyle;
+exports.getGlobalColorStateClass = getGlobalColorStateClass;
+exports.getGlobalColorStateClassDynamicBtn = getGlobalColorStateClassDynamicBtn;
+exports.getGlobalColorStateResponsiveClass = getGlobalColorStateResponsiveClass;
+exports.getGlobalColorStateResponsiveClassDynamicBtn = getGlobalColorStateResponsiveClassDynamicBtn;
+exports.getGlobalColorStateResponsiveStyle = getGlobalColorStateResponsiveStyle;
+exports.getGlobalColorStateStyle = getGlobalColorStateStyle;
+exports.getGlobalColorStyle = getGlobalColorStyle;
+exports.getSingleColorVariable = getSingleColorVariable;
+exports.isColor = isColor;

package/dist/cjs/helpers/compose-advance-style.js

@@ -1 +1,188 @@
-"use strict";var borders=require("./borders.js"),colors=require("./colors.js"),constant=require("./constant.js"),makeStyle=require("./make-style.js"),radius=require("./radius.js"),shadow=require("./shadow.js");const composeSpacing=({source:e,spacing:o,type:s,suffix:a=""})=>{let{top:r,left:t,bottom:d,right:l}=o;r&&(e[`--${s}t${a}`]=r),t&&(e[`--${s}l${a}`]=t),d&&(e[`--${s}b${a}`]=d),l&&(e[`--${s}r${a}`]=l)},getAttrValue=(e,o,s)=>{if(null!=o)switch(e){case"bgc":case"c":return colors.isColor(o.toString())?o:`var(--g-c-${o})`;case"d":if(!o)return"none";if(o&&s&&constant.layoutComponent.includes(s))return"grid";return"block";default:return o}};function composeAdvanceStyle(e,o){if(!e)return{};let s={},a=["desktop","tablet","mobile"],r=["hover","normal"];return Object.keys(e).forEach(t=>{let d=e[t];if(null==d)return;let l=e.hasBoxShadow?e.hasBoxShadow:{};if("object"==typeof d){if(Array.isArray(d))return;Object.keys(d).forEach(c=>{if(a.includes(c)){let e=d[c];if(void 0!==e){if("border"===t&&Object.assign(s,borders.handleConvertBorderStyle(d),borders.handleConvertBorderWidth(d),borders.handleConvertBorderColor(d)),"rounded"===t&&Object.assign(s,radius.composeRadius(d)),"desktop"===c)switch(t){case"padding":composeSpacing({source:s,spacing:e,type:"p"});break;case"margin":composeSpacing({source:s,spacing:e,type:"m"});break;case"m":case"p":break;default:s[`--${t}`]=getAttrValue(t,e,o)}else switch(t){case"padding":composeSpacing({source:s,spacing:e,type:"p",suffix:`-${c}`});break;case"margin":composeSpacing({source:s,spacing:e,type:"m",suffix:`-${c}`});break;case"m":case"p":break;default:s[`--${t}-${c}`]=getAttrValue(t,e,o)}}}else if(r.includes(c))switch(t){case"hasBoxShadow":break;case"boxShadow":Object.assign(s,shadow.getStyleShadowState(d,"box-shadow",l))}else"border"===t&&("none"===d.border&&(d.border="solid",d.color="#121212",d.isCustom=!0,d.width="0px",d.position="all"),Object.assign(s,borders.getBorderStyle(d))),"rounded"===t&&Object.assign(s,radius.getCornerCSSFromGlobal(d)),"hasBoxShadow"===t&&Object.assign(s,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow})),"boxShadow"===t&&Object.assign(s,shadow.getStyleShadow({value:d,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))})}else s[`--${t}`]=getAttrValue(t,d,o),"hasBoxShadow"===t&&e.boxShadow&&Object.assign(s,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))}),s}const splitStyle=(e,o={})=>{let s=e.map(e=>makeStyle.makeStyleKey(e)).flat(),a=Object.keys(o).filter(e=>s.includes(e)),r=a.reduce((e,s)=>({...e,[s]:o[s]}),{}),t=Object.keys(o).filter(e=>!a.includes(e)).reduce((e,s)=>({...e,[s]:o[s]}),{});return[r,t]};exports.composeAdvanceStyle=composeAdvanceStyle,exports.splitStyle=splitStyle;
+'use strict';
+
+var borders = require('./borders.js');
+var colors = require('./colors.js');
+var constant = require('./constant.js');
+var makeStyle = require('./make-style.js');
+var radius = require('./radius.js');
+var shadow = require('./shadow.js');
+
+const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
+    const { top, left, bottom, right } = spacing;
+    if (top) source[`--${type}t${suffix}`] = top;
+    if (left) source[`--${type}l${suffix}`] = left;
+    if (bottom) source[`--${type}b${suffix}`] = bottom;
+    if (right) source[`--${type}r${suffix}`] = right;
+};
+const getAttrValue = (attr, value, tag)=>{
+    if (value === undefined || value === null) return undefined;
+    switch(attr){
+        case 'bgc':
+        case 'c':
+            return colors.isColor(value.toString()) ? value : `var(--g-c-${value})`;
+        case 'd':
+            if (!value) return 'none';
+            if (value && tag && constant.layoutComponent.includes(tag)) return 'grid';
+            return 'block';
+        default:
+            return value;
+    }
+};
+function composeAdvanceStyle(data, tag) {
+    if (!data) return {};
+    const styles = {};
+    const devices = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    const states = [
+        'hover',
+        'normal'
+    ];
+    Object.keys(data).forEach((attr)=>{
+        const value = data[attr];
+        if (value === undefined || value === null) return;
+        const hasBoxShadow = data.hasBoxShadow ? data.hasBoxShadow : {};
+        if (typeof value === 'object') {
+            if (Array.isArray(value)) return;
+            Object.keys(value).forEach((composeAttr)=>{
+                if (devices.includes(composeAttr)) {
+                    const deviceValue = value[composeAttr];
+                    if (deviceValue !== undefined) {
+                        // Responsive border with state
+                        if (attr === 'border') {
+                            Object.assign(styles, borders.handleConvertBorderStyle(value), borders.handleConvertBorderWidth(value), borders.handleConvertBorderColor(value));
+                        }
+                        if (attr === 'rounded') {
+                            Object.assign(styles, radius.composeRadius(value));
+                        }
+                        if (composeAttr === 'desktop') {
+                            switch(attr){
+                                case 'padding':
+                                    composeSpacing({
+                                        source: styles,
+                                        spacing: deviceValue,
+                                        type: 'p'
+                                    });
+                                    break;
+                                case 'margin':
+                                    composeSpacing({
+                                        source: styles,
+                                        spacing: deviceValue,
+                                        type: 'm'
+                                    });
+                                    break;
+                                case 'm':
+                                case 'p':
+                                    break;
+                                default:
+                                    styles[`--${attr}`] = getAttrValue(attr, deviceValue, tag);
+                                    break;
+                            }
+                        } else {
+                            switch(attr){
+                                case 'padding':
+                                    composeSpacing({
+                                        source: styles,
+                                        spacing: deviceValue,
+                                        type: 'p',
+                                        suffix: `-${composeAttr}`
+                                    });
+                                    break;
+                                case 'margin':
+                                    composeSpacing({
+                                        source: styles,
+                                        spacing: deviceValue,
+                                        type: 'm',
+                                        suffix: `-${composeAttr}`
+                                    });
+                                    break;
+                                case 'm':
+                                case 'p':
+                                    break;
+                                default:
+                                    styles[`--${attr}-${composeAttr}`] = getAttrValue(attr, deviceValue, tag);
+                                    break;
+                            }
+                        }
+                    }
+                } else if (states.includes(composeAttr)) {
+                    switch(attr){
+                        case 'hasBoxShadow':
+                            break;
+                        case 'boxShadow':
+                            Object.assign(styles, shadow.getStyleShadowState(value, 'box-shadow', hasBoxShadow));
+                            break;
+                    }
+                } else {
+                    if (attr === 'border') {
+                        const borderStyle = value;
+                        if (borderStyle.border === 'none') {
+                            borderStyle.border = 'solid';
+                            borderStyle.color = '#121212';
+                            borderStyle.isCustom = true;
+                            borderStyle.width = '0px';
+                            borderStyle.position = 'all';
+                        }
+                        Object.assign(styles, borders.getBorderStyle(borderStyle));
+                    }
+                    if (attr === 'rounded') {
+                        Object.assign(styles, radius.getCornerCSSFromGlobal(value));
+                    }
+                    if (attr === 'hasBoxShadow') {
+                        Object.assign(styles, shadow.getStyleShadow({
+                            value: data.boxShadow,
+                            styleAppliedFor: 'box-shadow',
+                            isEnableShadow: data.hasBoxShadow
+                        }));
+                    }
+                    if (attr === 'boxShadow') {
+                        Object.assign(styles, shadow.getStyleShadow({
+                            value: value,
+                            styleAppliedFor: 'box-shadow',
+                            isEnableShadow: data.hasBoxShadow
+                        }));
+                    }
+                }
+            });
+        } else {
+            styles[`--${attr}`] = getAttrValue(attr, value, tag);
+            if (attr === 'hasBoxShadow' && data.boxShadow) {
+                Object.assign(styles, shadow.getStyleShadow({
+                    value: data.boxShadow,
+                    styleAppliedFor: 'box-shadow',
+                    isEnableShadow: data.hasBoxShadow
+                }));
+            }
+        }
+    });
+    return styles;
+}
+const splitStyle = (keys, style = {})=>{
+    const fullKeys = keys.map((key)=>makeStyle.makeStyleKey(key)).flat();
+    const splitKeys = Object.keys(style).filter((key)=>{
+        return fullKeys.includes(key);
+    });
+    const splitStyle = splitKeys.reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    const restStyle = Object.keys(style).filter((key)=>{
+        return !splitKeys.includes(key);
+    }).reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    return [
+        splitStyle,
+        restStyle
+    ];
+};
+
+exports.composeAdvanceStyle = composeAdvanceStyle;
+exports.splitStyle = splitStyle;

package/dist/cjs/helpers/constant.js

@@ -1 +1,23 @@
-"use strict";const stateMapping={normal:"",hover:"-hvr",focus:"-focus"},devicesMapping={desktop:"",tablet:"-tablet",mobile:"-mobile"},layoutComponent=["Row","Section","Product","HeroBanner","CollectionBanner"];exports.devicesMapping=devicesMapping,exports.layoutComponent=layoutComponent,exports.stateMapping=stateMapping;
+'use strict';
+
+const stateMapping = {
+    normal: '',
+    hover: '-hvr',
+    focus: '-focus'
+};
+const devicesMapping = {
+    desktop: '',
+    tablet: '-tablet',
+    mobile: '-mobile'
+};
+const layoutComponent = [
+    'Row',
+    'Section',
+    'Product',
+    'HeroBanner',
+    'CollectionBanner'
+];
+
+exports.devicesMapping = devicesMapping;
+exports.layoutComponent = layoutComponent;
+exports.stateMapping = stateMapping;

package/dist/cjs/helpers/convert.js

@@ -1 +1,7 @@
-"use strict";const isLocalEnv="local"===process.env.NEXT_CONVERT_ENV,baseAssetURL=process.env.GP_BASE_ASSET_URL||"https://d3kbi0je7pp4lw.cloudfront.net";exports.baseAssetURL=baseAssetURL,exports.isLocalEnv=isLocalEnv;
+'use strict';
+
+const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
+const baseAssetURL = process.env.GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
+
+exports.baseAssetURL = baseAssetURL;
+exports.isLocalEnv = isLocalEnv;

package/dist/cjs/helpers/css-variable.js

@@ -1 +1,7 @@
-"use strict";const genVariable=e=>`var(--g-${e})`;exports.genVariable=genVariable;
+'use strict';
+
+const genVariable = (variableName)=>{
+    return `var(--g-${variableName})`;
+};
+
+exports.genVariable = genVariable;

package/dist/cjs/helpers/email.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validateEmail=e=>{let t=new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);return t.test(e)};exports.default=validateEmail,exports.validateEmail=validateEmail;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const validateEmail = (email)=>{
+    const emailRegex = new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);
+    return emailRegex.test(email);
+};
+
+exports.default = validateEmail;
+exports.validateEmail = validateEmail;

package/dist/cjs/helpers/flatten-connection.js

@@ -1 +1,9 @@
-"use strict";const flattenConnection=n=>n?.edges?.map(n=>n.node)??[];exports.flattenConnection=flattenConnection;
+'use strict';
+
+/**
+ * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
+ */ const flattenConnection = (connection)=>{
+    return connection?.edges?.map((edge)=>edge.node) ?? [];
+};
+
+exports.flattenConnection = flattenConnection;

package/dist/cjs/helpers/get-resonsive-value.js

@@ -1 +1,31 @@
-"use strict";const getResponsiveValue=(e,t)=>t?{desktop:e?.desktop?.[t],tablet:e?.tablet?.[t],mobile:e?.mobile?.[t]}:{},getResponsiveStateValue=(e,t)=>({desktop:t?.desktop?.[e],tablet:t?.tablet?.[e],mobile:t?.mobile?.[e]}),getResponsiveValueByScreen=(e,t,s)=>{switch(t){case"tablet":return e?.tablet??e?.desktop??s;case"mobile":return e?.mobile??e?.tablet??e?.desktop??s;default:return e?.desktop??s}};exports.getResponsiveStateValue=getResponsiveStateValue,exports.getResponsiveValue=getResponsiveValue,exports.getResponsiveValueByScreen=getResponsiveValueByScreen;
+'use strict';
+
+const getResponsiveValue = (input, k)=>{
+    if (!k) return {};
+    return {
+        desktop: input?.desktop?.[k],
+        tablet: input?.tablet?.[k],
+        mobile: input?.mobile?.[k]
+    };
+};
+const getResponsiveStateValue = (k, input)=>{
+    return {
+        desktop: input?.desktop?.[k],
+        tablet: input?.tablet?.[k],
+        mobile: input?.mobile?.[k]
+    };
+};
+const getResponsiveValueByScreen = (value, breakpoint, defaultValue)=>{
+    switch(breakpoint){
+        case 'tablet':
+            return value?.tablet ?? value?.desktop ?? defaultValue;
+        case 'mobile':
+            return value?.mobile ?? value?.tablet ?? value?.desktop ?? defaultValue;
+        default:
+            return value?.desktop ?? defaultValue;
+    }
+};
+
+exports.getResponsiveStateValue = getResponsiveStateValue;
+exports.getResponsiveValue = getResponsiveValue;
+exports.getResponsiveValueByScreen = getResponsiveValueByScreen;

package/dist/cjs/helpers/get-shortname.js

@@ -1 +1,92 @@
-"use strict";const globalSortNameMapping={"typography-heading-1-fontFamily":"h1-ff","typography-heading-1-fontSize":"h1-size","typography-heading-1-fontWeight":"h1-weight","typography-heading-1-lineHeight":"h1-lh","typography-heading-1-letterSpacing":"h1-ls","typography-heading-1-fontStyle":"h1-fs","typography-heading-2-fontFamily":"h2-ff","typography-heading-2-fontSize":"h2-size","typography-heading-2-fontWeight":"h2-weight","typography-heading-2-lineHeight":"h2-lh","typography-heading-2-letterSpacing":"h2-ls","typography-heading-2-fontStyle":"h2-fs","typography-heading-3-fontFamily":"h3-ff","typography-heading-3-fontSize":"h3-size","typography-heading-3-fontWeight":"h3-weight","typography-heading-3-lineHeight":"h3-lh","typography-heading-3-letterSpacing":"h3-ls","typography-heading-3-fontStyle":"h3-fs","typography-subheading-1-fontFamily":"sh1-ff","typography-subheading-1-fontSize":"sh1-size","typography-subheading-1-fontWeight":"sh1-weight","typography-subheading-1-lineHeight":"sh1-lh","typography-subheading-1-letterSpacing":"sh1-ls","typography-subheading-1-fontStyle":"sh1-fs","typography-subheading-2-fontFamily":"sh2-ff","typography-subheading-2-fontSize":"sh2-size","typography-subheading-2-fontWeight":"sh2-weight","typography-subheading-2-lineHeight":"sh2-lh","typography-subheading-2-letterSpacing":"sh2-ls","typography-subheading-2-fontStyle":"sh2-fs","typography-subheading-3-fontFamily":"sh3-ff","typography-subheading-3-fontSize":"sh3-size","typography-subheading-3-fontWeight":"sh3-weight","typography-subheading-3-lineHeight":"sh3-lh","typography-subheading-3-letterSpacing":"sh3-ls","typography-subheading-3-fontStyle":"sh3-fs","typography-paragraph-1-fontFamily":"p1-ff","typography-paragraph-1-fontSize":"p1-size","typography-paragraph-1-fontWeight":"p1-weight","typography-paragraph-1-lineHeight":"p1-lh","typography-paragraph-1-letterSpacing":"p1-ls","typography-paragraph-1-fontStyle":"p1-fs","typography-paragraph-2-fontFamily":"p2-ff","typography-paragraph-2-fontSize":"p2-size","typography-paragraph-2-fontWeight":"p2-weight","typography-paragraph-2-lineHeight":"p2-lh","typography-paragraph-2-letterSpacing":"p2-ls","typography-paragraph-2-fontStyle":"p2-fs","typography-paragraph-3-fontFamily":"p3-ff","typography-paragraph-3-fontSize":"p3-size","typography-paragraph-3-fontWeight":"p3-weight","typography-paragraph-3-lineHeight":"p3-lh","typography-paragraph-3-letterSpacing":"p3-ls","typography-paragraph-3-fontStyle":"p3-fs","color-brand":"c-brand","color-highlight":"c-highlight","color-text-1":"c-text-1","color-text-2":"c-text-2","color-text-3":"c-text-3","color-bg-1":"c-bg-1","color-bg-2":"c-bg-2","color-bg-3":"c-bg-3","color-line-1":"c-line-1","color-line-2":"c-line-2","color-line-3":"c-line-3","color-success":"c-success","color-info":"c-info","color-warning":"c-warning","color-error":"c-error","spacing-xxs":"s-xxs","spacing-xs":"s-xs","spacing-s":"s-s","spacing-m":"s-m","spacing-l":"s-l","spacing-xl":"s-xl","spacing-2xl":"s-2xl","spacing-3xl":"s-3xl","spacing-4xl":"s-4xl","spacing-5xl":"s-5xl","container-width":"ct-w","container-padding":"ct-p","text-shadow":"ts","box-shadow":"shadow"};function getShortName(h){return globalSortNameMapping[h]||h}exports.getShortName=getShortName;
+'use strict';
+
+const globalSortNameMapping = {
+    'typography-heading-1-fontFamily': 'h1-ff',
+    'typography-heading-1-fontSize': 'h1-size',
+    'typography-heading-1-fontWeight': 'h1-weight',
+    'typography-heading-1-lineHeight': 'h1-lh',
+    'typography-heading-1-letterSpacing': 'h1-ls',
+    'typography-heading-1-fontStyle': 'h1-fs',
+    'typography-heading-2-fontFamily': 'h2-ff',
+    'typography-heading-2-fontSize': 'h2-size',
+    'typography-heading-2-fontWeight': 'h2-weight',
+    'typography-heading-2-lineHeight': 'h2-lh',
+    'typography-heading-2-letterSpacing': 'h2-ls',
+    'typography-heading-2-fontStyle': 'h2-fs',
+    'typography-heading-3-fontFamily': 'h3-ff',
+    'typography-heading-3-fontSize': 'h3-size',
+    'typography-heading-3-fontWeight': 'h3-weight',
+    'typography-heading-3-lineHeight': 'h3-lh',
+    'typography-heading-3-letterSpacing': 'h3-ls',
+    'typography-heading-3-fontStyle': 'h3-fs',
+    'typography-subheading-1-fontFamily': 'sh1-ff',
+    'typography-subheading-1-fontSize': 'sh1-size',
+    'typography-subheading-1-fontWeight': 'sh1-weight',
+    'typography-subheading-1-lineHeight': 'sh1-lh',
+    'typography-subheading-1-letterSpacing': 'sh1-ls',
+    'typography-subheading-1-fontStyle': 'sh1-fs',
+    'typography-subheading-2-fontFamily': 'sh2-ff',
+    'typography-subheading-2-fontSize': 'sh2-size',
+    'typography-subheading-2-fontWeight': 'sh2-weight',
+    'typography-subheading-2-lineHeight': 'sh2-lh',
+    'typography-subheading-2-letterSpacing': 'sh2-ls',
+    'typography-subheading-2-fontStyle': 'sh2-fs',
+    'typography-subheading-3-fontFamily': 'sh3-ff',
+    'typography-subheading-3-fontSize': 'sh3-size',
+    'typography-subheading-3-fontWeight': 'sh3-weight',
+    'typography-subheading-3-lineHeight': 'sh3-lh',
+    'typography-subheading-3-letterSpacing': 'sh3-ls',
+    'typography-subheading-3-fontStyle': 'sh3-fs',
+    'typography-paragraph-1-fontFamily': 'p1-ff',
+    'typography-paragraph-1-fontSize': 'p1-size',
+    'typography-paragraph-1-fontWeight': 'p1-weight',
+    'typography-paragraph-1-lineHeight': 'p1-lh',
+    'typography-paragraph-1-letterSpacing': 'p1-ls',
+    'typography-paragraph-1-fontStyle': 'p1-fs',
+    'typography-paragraph-2-fontFamily': 'p2-ff',
+    'typography-paragraph-2-fontSize': 'p2-size',
+    'typography-paragraph-2-fontWeight': 'p2-weight',
+    'typography-paragraph-2-lineHeight': 'p2-lh',
+    'typography-paragraph-2-letterSpacing': 'p2-ls',
+    'typography-paragraph-2-fontStyle': 'p2-fs',
+    'typography-paragraph-3-fontFamily': 'p3-ff',
+    'typography-paragraph-3-fontSize': 'p3-size',
+    'typography-paragraph-3-fontWeight': 'p3-weight',
+    'typography-paragraph-3-lineHeight': 'p3-lh',
+    'typography-paragraph-3-letterSpacing': 'p3-ls',
+    'typography-paragraph-3-fontStyle': 'p3-fs',
+    'color-brand': 'c-brand',
+    'color-highlight': 'c-highlight',
+    'color-text-1': 'c-text-1',
+    'color-text-2': 'c-text-2',
+    'color-text-3': 'c-text-3',
+    'color-bg-1': 'c-bg-1',
+    'color-bg-2': 'c-bg-2',
+    'color-bg-3': 'c-bg-3',
+    'color-line-1': 'c-line-1',
+    'color-line-2': 'c-line-2',
+    'color-line-3': 'c-line-3',
+    'color-success': 'c-success',
+    'color-info': 'c-info',
+    'color-warning': 'c-warning',
+    'color-error': 'c-error',
+    'spacing-xxs': 's-xxs',
+    'spacing-xs': 's-xs',
+    'spacing-s': 's-s',
+    'spacing-m': 's-m',
+    'spacing-l': 's-l',
+    'spacing-xl': 's-xl',
+    'spacing-2xl': 's-2xl',
+    'spacing-3xl': 's-3xl',
+    'spacing-4xl': 's-4xl',
+    'spacing-5xl': 's-5xl',
+    'container-width': 'ct-w',
+    'container-padding': 'ct-p',
+    'text-shadow': 'ts',
+    'box-shadow': 'shadow'
+};
+function getShortName(name) {
+    return globalSortNameMapping[name] || name;
+}
+
+exports.getShortName = getShortName;

package/dist/cjs/helpers/is-browser.js

@@ -1 +1,9 @@
-"use strict";function isBrowser(){return"undefined"!=typeof window}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=isBrowser;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isBrowser() {
+    return typeof window !== 'undefined';
+}
+
+exports.default = isBrowser;

package/dist/cjs/helpers/is-defined.js

@@ -1 +1,7 @@
-"use strict";function isDefined(e){return void 0!==e}exports.isDefined=isDefined;
+'use strict';
+
+function isDefined(argument) {
+    return argument !== undefined;
+}
+
+exports.isDefined = isDefined;

package/dist/cjs/helpers/is-empty-children.js

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const isEmptyChildren=e=>1>react.Children.count(e)||!e;exports.default=isEmptyChildren,exports.isEmptyChildren=isEmptyChildren;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const isEmptyChildren = (children)=>{
+    return react.Children.count(children) < 1 || !children;
+};
+
+exports.default = isEmptyChildren;
+exports.isEmptyChildren = isEmptyChildren;

package/dist/cjs/helpers/is-safari.js

@@ -1 +1,9 @@
-"use strict";function isSafari(){return -1!=navigator.userAgent.indexOf("Safari")&&-1==navigator.userAgent.indexOf("Chrome")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=isSafari;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isSafari() {
+    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
+}
+
+exports.default = isSafari;