@gem-sdk/system 1.58.0-dev.148 → 2.0.0-dev.1082

package/dist/cjs/component/createAttr.js

@@ -1,34 +1 @@
-'use strict';
-
-const createAttr = (obj)=>{
-    if (typeof obj !== 'object' || obj === null) {
-        console.error('Expected an object as input.');
-        return;
-    }
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        for(const key in obj){
-            const value = obj[key];
-            // 1. Check if the key starts with "data-gp-"
-            if (!key.startsWith('data-gp-')) {
-                console.error(`Invalid attribute key: "${key}". Must start with "data-gp-".`);
-            }
-            // 2. Check if the key contains uppercase letters
-            if (key !== key.toLowerCase()) {
-                console.error(`Invalid attribute key: "${key}". Must not contain uppercase letters.`);
-            }
-            // 3. Check if the value is an object (nested object check)
-            if (typeof value === 'object' && value !== null) {
-                console.error(`Invalid nested attribute for key "${key}". Nested objects are not supported.`);
-            }
-            // 4. Check if the value is a valid type (string or number)
-            const isValidType = typeof value === 'string' || typeof value === 'number';
-            if (!isValidType) {
-                console.error(`Invalid attribute value for key "${key}": ${value}. Must be a string or number.`);
-            }
-        }
-    }
-    return obj;
-};
-
-exports.createAttr = createAttr;
+"use strict";const createAttr=e=>{if("object"!=typeof e||null===e){console.error("Expected an object as input.");return}return process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,e};exports.createAttr=createAttr;

package/dist/cjs/component/createClass.js

@@ -1,38 +1 @@
-'use strict';
-
-function toVal(mix) {
-    if (typeof mix === 'string') {
-        return mix;
-    } else if (typeof mix === 'object' && mix !== null) {
-        return Object.keys(mix).filter((key)=>mix[key]).join(' ');
-    } else {
-        return false;
-    }
-}
-function cls(...classes) {
-    return classes.map(toVal).filter(Boolean).join(' ');
-}
-const createClass = (obj)=>{
-    if (typeof obj !== 'object' || obj === null) {
-        console.error('Expected an object as input.');
-        return '';
-    }
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        // Validate each class name length
-        for(const className in obj){
-            if (className.length > 30) {
-                console.error(`Class name "${className}" exceeds the maximum length of 30 characters.`);
-            }
-            if (className.includes(' ')) {
-                console.error(`Class name "${className}" should not contain spaces.`);
-            }
-            if (className !== className.toLowerCase()) {
-                console.error(`Class name "${className}" should be in lowercase.`);
-            }
-        }
-    }
-    return cls(obj);
-};
-
-exports.createClass = createClass;
+"use strict";function toVal(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(t=>e[t]).join(" ")}function cls(...e){return e.map(toVal).filter(Boolean).join(" ")}const createClass=e=>"object"!=typeof e||null===e?(console.error("Expected an object as input."),""):(process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,cls(e));exports.createClass=createClass;

package/dist/cjs/component/createContent.js

@@ -1,19 +1 @@
-'use strict';
-
-const createContent = (content)=>{
-    // Check if content is a string
-    if (typeof content !== 'string') {
-        console.error('Invalid content type: Content must be a string.');
-        return '';
-    }
-    // Regex to match {{}} pattern with only letters inside, e.g., {{Hello}}
-    const invalidPattern = /\{\{[A-Za-z]+\}\}/g;
-    // Check if content contains any invalid patterns
-    if (invalidPattern.test(content)) {
-        console.error('Invalid content format: "{{}}" placeholders must not contain only letters, e.g., "{{Hello}}".');
-        return '';
-    }
-    return content;
-};
-
-exports.createContent = createContent;
+"use strict";const createContent=t=>{if("string"!=typeof t)return console.error("Invalid content type: Content must be a string."),"";let e=/\{\{(?:[A-Z]+|[a-z]+)\}\}/g;return e.test(t)?(console.error('Invalid content format: "{{}}" placeholders must not contain only letters, e.g., "{{Hello}}".'),""):t};exports.createContent=createContent;

package/dist/cjs/component/createStateOrContext.js

@@ -1,55 +1 @@
-'use strict';
-
-const createStateOrContext = (obj)=>{
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    const isValid = (value)=>{
-        // Ensure value is neither undefined, null, empty string, nor false (except 0)
-        return value !== undefined && value !== null && value !== '' && value !== false;
-    };
-    const validateKey = (key)=>{
-        // Check key length
-        if (key.length > 20) {
-            console.error(`Invalid key "${key}": Key length must not exceed 20 characters.`);
-            return false;
-        }
-        // Ensure no special characters or numbers
-        const validKeyRegex = /^[a-zA-Z]+$/;
-        if (!validKeyRegex.test(key)) {
-            console.error(`Invalid key "${key}": Key must contain only alphabetic characters (no numbers or special characters).`);
-            return false;
-        }
-        // Check camelCase format (should start with lowercase)
-        const camelCaseRegex = /^[a-z][a-zA-Z]*$/;
-        if (!camelCaseRegex.test(key)) {
-            console.error(`Invalid key "${key}": Key must be in camelCase format.`);
-            return false;
-        }
-        return true;
-    };
-    const validateObject = (data, depth)=>{
-        if (depth > 3) {
-            console.error('Invalid structure: Data must not be nested deeper than 3 levels.');
-            return false;
-        }
-        for(const key in data){
-            const value = data[key];
-            // Key validation
-            if (!validateKey(key)) continue;
-            // Value validation
-            if (!isValid(value)) {
-                console.error(`Invalid value for key "${key}": Value must not be undefined, null, blank, or false.`);
-                continue;
-            }
-            // Recursive check if the value is an object
-            if (typeof value === 'object' && !Array.isArray(value)) {
-                validateObject(value, depth + 1);
-            }
-        }
-    };
-    if (isDevOrStaging) {
-        validateObject(obj, 1);
-    }
-    return obj;
-};
-
-exports.createStateOrContext = createStateOrContext;
+"use strict";const createStateOrContext=e=>(process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,e);exports.createStateOrContext=createStateOrContext;

package/dist/cjs/component/createStyle.js

@@ -1,42 +1 @@
-'use strict';
-
-var toCamelCaseKeys = require('./utils/toCamelCaseKeys.js');
-
-/**
- * Properties to ignore with explanations for each
- */ const ignoredProperties = {
-    ignore: 'This property is not supported in the current styling setup.'
-};
-const createStyle = (obj)=>{
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        for(const key in obj){
-            const value = obj[key];
-            // Check if the property is in the ignored list and log the explanation
-            if (Object.prototype.hasOwnProperty.call(ignoredProperties, key)) {
-                console.error(`Ignored property detected: "${key}". ${ignoredProperties[key]}`);
-            }
-            // Check for uppercase letters, numbers, and special characters (only allow lowercase letters and "-"
-            const isValidKey = /^[a-z-]+$/.test(key);
-            if (!isValidKey) {
-                console.error(`Invalid key "${key}": Keys must be lowercase letters and may only contain "-".`);
-            }
-            // Check for nested objects (only support single-level properties)
-            if (typeof value === 'object' && value !== null) {
-                console.error(`Invalid nested object for property "${key}". Nested objects are not supported.`);
-            }
-            // Check if the value is a valid type
-            const isValidType = typeof value === 'string' || typeof value === 'number';
-            if (!isValidType) {
-                console.error(`Invalid style value for "${key}": ${value}. Must be a string or number.`);
-            }
-        }
-    }
-    return obj;
-};
-const createStyleReact = (obj)=>{
-    return toCamelCaseKeys.toCamelCaseKeys(createStyle(obj));
-};
-
-exports.createStyle = createStyle;
-exports.createStyleReact = createStyleReact;
+"use strict";var toCamelCaseKeys=require("./utils/toCamelCaseKeys.js");const clearUndefineValue=e=>{for(let t in e)(void 0===e[t]||null===e[t]||""===e[t])&&delete e[t]},createStyle=e=>{let t=!process.env.APP_ENV||"development"===process.env.APP_ENV||"staging"===process.env.APP_ENV;return t&&clearUndefineValue(e),e},createStyleReact=e=>toCamelCaseKeys.toCamelCaseKeys(createStyle(e));exports.createStyle=createStyle,exports.createStyleReact=createStyleReact;

package/dist/cjs/component/template.js

@@ -1,89 +1 @@
-'use strict';
-
-/*
-
-Liquid in liquid.ts
-<div>
-Liquid(`
-  {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
-    {%- assign productSelectedVariant = product.selected_or_first_available_variant -%}
-  {%- endif -%}
-  {%-if variant == empty or variant == null -%}
-    {%- assign variant = product.selected_or_first_available_variant -%}
-  {%- endif -%}
-`)
-</div>
-
-IF in tsx & liquid.ts
-<div {...attrs}>
-  {
-    If(product.id != "", (
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    ), (
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    ))
-  }
-</div>
-
-LiquidIF in liquid.ts
-<div {...attrs}>
-  {
-    LiquidIf("product.quanity > 0", `
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    `, `
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    `)
-  }
-</div>
-
-For in tsx & liquid.ts
-{
-  For(numbers, (item, index) => (
-    <div key={index}>
-      {index + 1}: Số {item}
-    </div>
-  ))
-}
-
-LiquidFor in tsx & liquid.ts
-{
-  LiquidFor('(item, index) in items', `
-    <div key="{{ forloop.index }}">
-      {{ forloop.index + 1}}: Số {{item}}
-    </div>
-  `)
-}
-
-*/ const Liquid = (code)=>{
-    return code;
-};
-const For = (items, renderFn)=>{
-    return items.map((item, index)=>renderFn(item, index));
-};
-const LiquidFor = (c, t)=>{
-    return `{% for ${c} %}${typeof t === 'string' ? t : t()}{% endfor %}`;
-};
-const If = (condition, trueResult, falseResult)=>{
-    if (condition) {
-        // Trả về kết quả đúng nếu điều kiện là true
-        return typeof trueResult === 'function' ? trueResult() : trueResult;
-    } else {
-        // Trả về kết quả sai nếu điều kiện là false
-        return falseResult ? typeof falseResult === 'function' ? falseResult() : falseResult : null; // Nếu không có falseResult, trả về null
-    }
-};
-const LiquidIf = (c, t, f)=>`{% if ${c} %}${typeof t === 'string' ? t : t()}${f ? `{% else %}${typeof f === 'string' ? f : f?.()}` : ''}{% endif %}`;
-
-exports.For = For;
-exports.If = If;
-exports.Liquid = Liquid;
-exports.LiquidFor = LiquidFor;
-exports.LiquidIf = LiquidIf;
+"use strict";const Liquid=i=>i,For=(i,s)=>i.map((i,e)=>s(i,e)),LiquidFor=(i,s)=>`{% for ${i} %}${"string"==typeof s?s:s()}{% endfor %}`,If=(i,s,e)=>i?"function"==typeof s?s():s:e?"function"==typeof e?e():e:"",LiquidIf=(i,s,e)=>`{% if ${i} %}${"string"==typeof s?s:s()}${e?`{% else %}${"string"==typeof e?e:e?.()}`:""}{% endif %}`,Unless=(i,s,e)=>If(!i,s,e),LiquidUnless=(i,s,e)=>`{% unless ${i} %}${"string"==typeof s?s:s()}${e?`{% else %}${"string"==typeof e?e:e?.()}`:""}{% endunless %}`;exports.For=For,exports.If=If,exports.Liquid=Liquid,exports.LiquidFor=LiquidFor,exports.LiquidIf=LiquidIf,exports.LiquidUnless=LiquidUnless,exports.Unless=Unless;

package/dist/cjs/component/utils/toCamelCaseKeys.js

@@ -1,15 +1 @@
-'use strict';
-
-const toCamelCaseKeys = (obj)=>{
-    const newObj = {};
-    for(const key in obj){
-        const value = obj[key];
-        // If the key starts with "--", keep it as is
-        const newKey = key.startsWith('--') ? key : key.replace(/-([a-z])/g, (_, char)=>char.toUpperCase());
-        // Recursively apply to nested objects
-        newObj[newKey] = typeof value === 'object' && value !== null && !Array.isArray(value) ? toCamelCaseKeys(value) : value;
-    }
-    return newObj;
-};
-
-exports.toCamelCaseKeys = toCamelCaseKeys;
+"use strict";const toCamelCaseKeys=e=>{let t={};for(let s in e){let a=e[s],r=s.startsWith("--")?s:s.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[r]="object"!=typeof a||null===a||Array.isArray(a)?a:toCamelCaseKeys(a)}return t};exports.toCamelCaseKeys=toCamelCaseKeys;

package/dist/cjs/index.js

@@ -1,27 +1 @@
-'use strict';
-
-var createAttr = require('./component/createAttr.js');
-var createStyle = require('./component/createStyle.js');
-var createContent = require('./component/createContent.js');
-var createClass = require('./component/createClass.js');
-var createStateOrContext = require('./component/createStateOrContext.js');
-var template = require('./component/template.js');
-
-const createAttrReact = createAttr.createAttr;
-const createContentReact = createContent.createContent;
-const createClassReact = createClass.createClass;
-
-exports.createAttr = createAttr.createAttr;
-exports.createStyle = createStyle.createStyle;
-exports.createStyleReact = createStyle.createStyleReact;
-exports.createContent = createContent.createContent;
-exports.createClass = createClass.createClass;
-exports.createStateOrContext = createStateOrContext.createStateOrContext;
-exports.For = template.For;
-exports.If = template.If;
-exports.Liquid = template.Liquid;
-exports.LiquidFor = template.LiquidFor;
-exports.LiquidIf = template.LiquidIf;
-exports.createAttrReact = createAttrReact;
-exports.createClassReact = createClassReact;
-exports.createContentReact = createContentReact;
+"use strict";var createAttr=require("./component/createAttr.js"),createStyle=require("./component/createStyle.js"),createContent=require("./component/createContent.js"),createClass=require("./component/createClass.js"),createStateOrContext=require("./component/createStateOrContext.js"),template=require("./component/template.js");const createAttrReact=createAttr.createAttr,createContentReact=createContent.createContent,createClassReact=createClass.createClass;exports.createAttr=createAttr.createAttr,exports.createStyle=createStyle.createStyle,exports.createStyleReact=createStyle.createStyleReact,exports.createContent=createContent.createContent,exports.createClass=createClass.createClass,exports.createStateOrContext=createStateOrContext.createStateOrContext,exports.For=template.For,exports.If=template.If,exports.Liquid=template.Liquid,exports.LiquidFor=template.LiquidFor,exports.LiquidIf=template.LiquidIf,exports.LiquidUnless=template.LiquidUnless,exports.Unless=template.Unless,exports.createAttrReact=createAttrReact,exports.createClassReact=createClassReact,exports.createContentReact=createContentReact;

package/dist/esm/component/createAttr.js

@@ -1,32 +1 @@
-const createAttr = (obj)=>{
-    if (typeof obj !== 'object' || obj === null) {
-        console.error('Expected an object as input.');
-        return;
-    }
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        for(const key in obj){
-            const value = obj[key];
-            // 1. Check if the key starts with "data-gp-"
-            if (!key.startsWith('data-gp-')) {
-                console.error(`Invalid attribute key: "${key}". Must start with "data-gp-".`);
-            }
-            // 2. Check if the key contains uppercase letters
-            if (key !== key.toLowerCase()) {
-                console.error(`Invalid attribute key: "${key}". Must not contain uppercase letters.`);
-            }
-            // 3. Check if the value is an object (nested object check)
-            if (typeof value === 'object' && value !== null) {
-                console.error(`Invalid nested attribute for key "${key}". Nested objects are not supported.`);
-            }
-            // 4. Check if the value is a valid type (string or number)
-            const isValidType = typeof value === 'string' || typeof value === 'number';
-            if (!isValidType) {
-                console.error(`Invalid attribute value for key "${key}": ${value}. Must be a string or number.`);
-            }
-        }
-    }
-    return obj;
-};
-
-export { createAttr };
+let createAttr=e=>{if("object"!=typeof e||null===e){console.error("Expected an object as input.");return}return process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,e};export{createAttr};

package/dist/esm/component/createClass.js

@@ -1,36 +1 @@
-function toVal(mix) {
-    if (typeof mix === 'string') {
-        return mix;
-    } else if (typeof mix === 'object' && mix !== null) {
-        return Object.keys(mix).filter((key)=>mix[key]).join(' ');
-    } else {
-        return false;
-    }
-}
-function cls(...classes) {
-    return classes.map(toVal).filter(Boolean).join(' ');
-}
-const createClass = (obj)=>{
-    if (typeof obj !== 'object' || obj === null) {
-        console.error('Expected an object as input.');
-        return '';
-    }
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        // Validate each class name length
-        for(const className in obj){
-            if (className.length > 30) {
-                console.error(`Class name "${className}" exceeds the maximum length of 30 characters.`);
-            }
-            if (className.includes(' ')) {
-                console.error(`Class name "${className}" should not contain spaces.`);
-            }
-            if (className !== className.toLowerCase()) {
-                console.error(`Class name "${className}" should be in lowercase.`);
-            }
-        }
-    }
-    return cls(obj);
-};
-
-export { createClass };
+function toVal(e){return"string"==typeof e?e:"object"==typeof e&&null!==e&&Object.keys(e).filter(t=>e[t]).join(" ")}function cls(...e){return e.map(toVal).filter(Boolean).join(" ")}let createClass=e=>"object"!=typeof e||null===e?(console.error("Expected an object as input."),""):(process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,cls(e));export{createClass};

package/dist/esm/component/createContent.js

@@ -1,17 +1 @@
-const createContent = (content)=>{
-    // Check if content is a string
-    if (typeof content !== 'string') {
-        console.error('Invalid content type: Content must be a string.');
-        return '';
-    }
-    // Regex to match {{}} pattern with only letters inside, e.g., {{Hello}}
-    const invalidPattern = /\{\{[A-Za-z]+\}\}/g;
-    // Check if content contains any invalid patterns
-    if (invalidPattern.test(content)) {
-        console.error('Invalid content format: "{{}}" placeholders must not contain only letters, e.g., "{{Hello}}".');
-        return '';
-    }
-    return content;
-};
-
-export { createContent };
+let createContent=t=>{if("string"!=typeof t)return console.error("Invalid content type: Content must be a string."),"";let e=/\{\{(?:[A-Z]+|[a-z]+)\}\}/g;return e.test(t)?(console.error('Invalid content format: "{{}}" placeholders must not contain only letters, e.g., "{{Hello}}".'),""):t};export{createContent};

package/dist/esm/component/createStateOrContext.js

@@ -1,53 +1 @@
-const createStateOrContext = (obj)=>{
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    const isValid = (value)=>{
-        // Ensure value is neither undefined, null, empty string, nor false (except 0)
-        return value !== undefined && value !== null && value !== '' && value !== false;
-    };
-    const validateKey = (key)=>{
-        // Check key length
-        if (key.length > 20) {
-            console.error(`Invalid key "${key}": Key length must not exceed 20 characters.`);
-            return false;
-        }
-        // Ensure no special characters or numbers
-        const validKeyRegex = /^[a-zA-Z]+$/;
-        if (!validKeyRegex.test(key)) {
-            console.error(`Invalid key "${key}": Key must contain only alphabetic characters (no numbers or special characters).`);
-            return false;
-        }
-        // Check camelCase format (should start with lowercase)
-        const camelCaseRegex = /^[a-z][a-zA-Z]*$/;
-        if (!camelCaseRegex.test(key)) {
-            console.error(`Invalid key "${key}": Key must be in camelCase format.`);
-            return false;
-        }
-        return true;
-    };
-    const validateObject = (data, depth)=>{
-        if (depth > 3) {
-            console.error('Invalid structure: Data must not be nested deeper than 3 levels.');
-            return false;
-        }
-        for(const key in data){
-            const value = data[key];
-            // Key validation
-            if (!validateKey(key)) continue;
-            // Value validation
-            if (!isValid(value)) {
-                console.error(`Invalid value for key "${key}": Value must not be undefined, null, blank, or false.`);
-                continue;
-            }
-            // Recursive check if the value is an object
-            if (typeof value === 'object' && !Array.isArray(value)) {
-                validateObject(value, depth + 1);
-            }
-        }
-    };
-    if (isDevOrStaging) {
-        validateObject(obj, 1);
-    }
-    return obj;
-};
-
-export { createStateOrContext };
+let createStateOrContext=e=>(process.env.APP_ENV&&"development"!==process.env.APP_ENV&&process.env.APP_ENV,e);export{createStateOrContext};

package/dist/esm/component/createStyle.js

@@ -1,39 +1 @@
-import { toCamelCaseKeys } from './utils/toCamelCaseKeys.js';
-
-/**
- * Properties to ignore with explanations for each
- */ const ignoredProperties = {
-    ignore: 'This property is not supported in the current styling setup.'
-};
-const createStyle = (obj)=>{
-    const isDevOrStaging = !process.env.APP_ENV || process.env.APP_ENV === 'development' || process.env.APP_ENV === 'staging';
-    if (isDevOrStaging) {
-        for(const key in obj){
-            const value = obj[key];
-            // Check if the property is in the ignored list and log the explanation
-            if (Object.prototype.hasOwnProperty.call(ignoredProperties, key)) {
-                console.error(`Ignored property detected: "${key}". ${ignoredProperties[key]}`);
-            }
-            // Check for uppercase letters, numbers, and special characters (only allow lowercase letters and "-"
-            const isValidKey = /^[a-z-]+$/.test(key);
-            if (!isValidKey) {
-                console.error(`Invalid key "${key}": Keys must be lowercase letters and may only contain "-".`);
-            }
-            // Check for nested objects (only support single-level properties)
-            if (typeof value === 'object' && value !== null) {
-                console.error(`Invalid nested object for property "${key}". Nested objects are not supported.`);
-            }
-            // Check if the value is a valid type
-            const isValidType = typeof value === 'string' || typeof value === 'number';
-            if (!isValidType) {
-                console.error(`Invalid style value for "${key}": ${value}. Must be a string or number.`);
-            }
-        }
-    }
-    return obj;
-};
-const createStyleReact = (obj)=>{
-    return toCamelCaseKeys(createStyle(obj));
-};
-
-export { createStyle, createStyleReact };
+import{toCamelCaseKeys as e}from"./utils/toCamelCaseKeys.js";let clearUndefineValue=e=>{for(let t in e)(void 0===e[t]||null===e[t]||""===e[t])&&delete e[t]},createStyle=e=>{let t=!process.env.APP_ENV||"development"===process.env.APP_ENV||"staging"===process.env.APP_ENV;return t&&clearUndefineValue(e),e},createStyleReact=t=>e(createStyle(t));export{createStyle,createStyleReact};

package/dist/esm/component/template.js

@@ -1,83 +1 @@
-/*
-
-Liquid in liquid.ts
-<div>
-Liquid(`
-  {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
-    {%- assign productSelectedVariant = product.selected_or_first_available_variant -%}
-  {%- endif -%}
-  {%-if variant == empty or variant == null -%}
-    {%- assign variant = product.selected_or_first_available_variant -%}
-  {%- endif -%}
-`)
-</div>
-
-IF in tsx & liquid.ts
-<div {...attrs}>
-  {
-    If(product.id != "", (
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    ), (
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    ))
-  }
-</div>
-
-LiquidIF in liquid.ts
-<div {...attrs}>
-  {
-    LiquidIf("product.quanity > 0", `
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    `, `
-      <label className={classes} style={styles}>
-        {content}
-      </label>
-    `)
-  }
-</div>
-
-For in tsx & liquid.ts
-{
-  For(numbers, (item, index) => (
-    <div key={index}>
-      {index + 1}: Số {item}
-    </div>
-  ))
-}
-
-LiquidFor in tsx & liquid.ts
-{
-  LiquidFor('(item, index) in items', `
-    <div key="{{ forloop.index }}">
-      {{ forloop.index + 1}}: Số {{item}}
-    </div>
-  `)
-}
-
-*/ const Liquid = (code)=>{
-    return code;
-};
-const For = (items, renderFn)=>{
-    return items.map((item, index)=>renderFn(item, index));
-};
-const LiquidFor = (c, t)=>{
-    return `{% for ${c} %}${typeof t === 'string' ? t : t()}{% endfor %}`;
-};
-const If = (condition, trueResult, falseResult)=>{
-    if (condition) {
-        // Trả về kết quả đúng nếu điều kiện là true
-        return typeof trueResult === 'function' ? trueResult() : trueResult;
-    } else {
-        // Trả về kết quả sai nếu điều kiện là false
-        return falseResult ? typeof falseResult === 'function' ? falseResult() : falseResult : null; // Nếu không có falseResult, trả về null
-    }
-};
-const LiquidIf = (c, t, f)=>`{% if ${c} %}${typeof t === 'string' ? t : t()}${f ? `{% else %}${typeof f === 'string' ? f : f?.()}` : ''}{% endif %}`;
-
-export { For, If, Liquid, LiquidFor, LiquidIf };
+let Liquid=i=>i,For=(i,e)=>i.map((i,s)=>e(i,s)),LiquidFor=(i,e)=>`{% for ${i} %}${"string"==typeof e?e:e()}{% endfor %}`,If=(i,e,s)=>i?"function"==typeof e?e():e:s?"function"==typeof s?s():s:"",LiquidIf=(i,e,s)=>`{% if ${i} %}${"string"==typeof e?e:e()}${s?`{% else %}${"string"==typeof s?s:s?.()}`:""}{% endif %}`,Unless=(i,e,s)=>If(!i,e,s),LiquidUnless=(i,e,s)=>`{% unless ${i} %}${"string"==typeof e?e:e()}${s?`{% else %}${"string"==typeof s?s:s?.()}`:""}{% endunless %}`;export{For,If,Liquid,LiquidFor,LiquidIf,LiquidUnless,Unless};

package/dist/esm/component/utils/toCamelCaseKeys.js

@@ -1,13 +1 @@
-const toCamelCaseKeys = (obj)=>{
-    const newObj = {};
-    for(const key in obj){
-        const value = obj[key];
-        // If the key starts with "--", keep it as is
-        const newKey = key.startsWith('--') ? key : key.replace(/-([a-z])/g, (_, char)=>char.toUpperCase());
-        // Recursively apply to nested objects
-        newObj[newKey] = typeof value === 'object' && value !== null && !Array.isArray(value) ? toCamelCaseKeys(value) : value;
-    }
-    return newObj;
-};
-
-export { toCamelCaseKeys };
+let toCamelCaseKeys=e=>{let t={};for(let a in e){let r=e[a],l=a.startsWith("--")?a:a.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[l]="object"!=typeof r||null===r||Array.isArray(r)?r:toCamelCaseKeys(r)}return t};export{toCamelCaseKeys};

package/dist/esm/index.js

@@ -1,12 +1 @@
-import { createAttr } from './component/createAttr.js';
-export { createStyle, createStyleReact } from './component/createStyle.js';
-import { createContent } from './component/createContent.js';
-import { createClass } from './component/createClass.js';
-export { createStateOrContext } from './component/createStateOrContext.js';
-export { For, If, Liquid, LiquidFor, LiquidIf } from './component/template.js';
-
-const createAttrReact = createAttr;
-const createContentReact = createContent;
-const createClassReact = createClass;
-
-export { createAttr, createAttrReact, createClass, createClassReact, createContent, createContentReact };
+import{createAttr as e}from"./component/createAttr.js";export{createStyle,createStyleReact}from"./component/createStyle.js";import{createContent as t}from"./component/createContent.js";import{createClass as r}from"./component/createClass.js";export{createStateOrContext}from"./component/createStateOrContext.js";export{For,If,Liquid,LiquidFor,LiquidIf,LiquidUnless,Unless}from"./component/template.js";let createAttrReact=e,createContentReact=t,createClassReact=r;export{e as createAttr,createAttrReact,r as createClass,createClassReact,t as createContent,createContentReact};

package/dist/types/index.d.ts

@@ -1,16 +1,16 @@
 declare const createAttr: (obj: {
-    [key: string]: string | number;
+    [key: string]: string | number | boolean;
 }) => {
-    [key: string]: string | number;
+    [key: string]: string | number | boolean;
 } | undefined;
 
 declare const createStyle: (obj: {
-    [key: string]: string | number;
+    [key: string]: string | number | undefined;
 }) => {
-    [key: string]: string | number;
+    [key: string]: string | number | undefined;
 };
 declare const createStyleReact: (obj: {
-    [key: string]: string | number;
+    [key: string]: string | number | undefined;
 }) => {
     [key: string]: any;
 };
@@ -33,11 +33,13 @@ declare const For: <T>(items: T[], renderFn: (item: T, index: number) => JSX.Ele
 declare const LiquidFor: (c: string, t: string | CallbackCondition) => string;
 declare const If: (condition: boolean | null | undefined, trueResult: string | JSX.Element | CallbackCondition, falseResult?: string | JSX.Element | CallbackCondition) => JSX.Element | string | null;
 declare const LiquidIf: (c: string, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
+declare const Unless: (condition: boolean | null | undefined, trueResult: string | JSX.Element | CallbackCondition, falseResult?: string | JSX.Element | CallbackCondition) => string | JSX.Element | null;
+declare const LiquidUnless: (c: string, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
 
 declare const createAttrReact: (obj: {
-    [key: string]: string | number;
+    [key: string]: string | number | boolean;
 }) => {
-    [key: string]: string | number;
+    [key: string]: string | number | boolean;
 } | undefined;
 
 declare const createContentReact: (content: string) => string;
@@ -46,4 +48,4 @@ declare const createClassReact: (obj: {
     [key: string]: boolean | undefined;
 }) => string;
 
-export { For, If, Liquid, LiquidFor, LiquidIf, createAttr, createAttrReact, createClass, createClassReact, createContent, createContentReact, createStateOrContext, createStyle, createStyleReact };
+export { For, If, Liquid, LiquidFor, LiquidIf, LiquidUnless, Unless, createAttr, createAttrReact, createClass, createClassReact, createContent, createContentReact, createStateOrContext, createStyle, createStyleReact };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/system",
-  "version": "1.58.0-dev.148",
+  "version": "2.0.0-dev.1082",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -19,10 +19,10 @@
     "format": "prettier --write \"./src/**/*.{ts,tsx}\"",
     "type-check": "yarn tsc --noEmit"
   },
-  "dependencies": {
-    "@gem-sdk/core": "1.58.0-dev.148"
+  "dependencies": {},
+  "devDependencies": {
+    "@gem-sdk/core": "2.0.0-dev.1082"
   },
-  "devDependencies": {},
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "exports": {