@symbo.ls/scratch 2.11.497 → 2.11.500

package/dist/cjs/defaultConfig/index.js

@@ -23,6 +23,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -213,5 +214,9 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};

package/dist/cjs/factory.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -1927,6 +1943,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -2116,6 +2133,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/index.js

@@ -1768,6 +1768,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4045,6 +4061,7 @@ __export(src_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   CONFIG: () => CONFIG,
   CSS_VARS: () => CSS_VARS,
@@ -4439,6 +4456,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4628,6 +4646,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/set.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4058,6 +4074,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4247,6 +4264,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/color.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4059,6 +4075,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4248,6 +4265,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/document.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4056,6 +4072,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4245,6 +4262,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/font.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4059,6 +4075,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4248,6 +4265,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/index.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4086,6 +4102,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4275,6 +4292,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/reset.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4056,6 +4072,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4245,6 +4262,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/shadow.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4056,6 +4072,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4245,6 +4262,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/spacing.js

@@ -3827,6 +3827,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4059,6 +4075,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4248,6 +4265,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/svg.js

@@ -1768,6 +1768,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4067,6 +4083,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4256,6 +4273,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/theme.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4061,6 +4077,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4250,6 +4267,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/timing.js

@@ -3827,6 +3827,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4058,6 +4074,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4247,6 +4264,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/typography.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4059,6 +4075,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4248,6 +4265,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/transforms/index.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4067,6 +4083,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4256,6 +4273,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/utils/color.js

@@ -1768,6 +1768,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;

package/dist/cjs/utils/index.js

@@ -1768,6 +1768,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4312,6 +4328,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4501,6 +4518,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/utils/sequence.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4031,6 +4047,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4220,6 +4237,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/utils/sprite.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -1926,6 +1942,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -2115,6 +2132,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/utils/var.js

@@ -1732,6 +1732,22 @@ var require_component = __commonJS({
           tag,
           props: { ...element }
         });
+        if (newElem.props.data) {
+          newElem.data = newElem.props.data;
+          delete newElem.props.data;
+        }
+        if (newElem.props.state) {
+          newElem.state = newElem.props.state;
+          delete newElem.props.state;
+        }
+        if (newElem.props.attr) {
+          newElem.attr = newElem.props.attr;
+          delete newElem.props.attr;
+        }
+        if (newElem.props.if) {
+          newElem.if = newElem.props.if;
+          delete newElem.props.if;
+        }
         if (childExtends)
           newElem.childExtend = childExtends;
         return newElem;
@@ -4023,6 +4039,7 @@ __export(defaultConfig_exports, {
   ANIMATION: () => ANIMATION,
   BREAKPOINTS: () => BREAKPOINTS,
   CASES: () => CASES,
+  CLASS: () => CLASS,
   COLOR: () => COLOR,
   DEVICES: () => DEVICES,
   DOCUMENT: () => DOCUMENT,
@@ -4212,6 +4229,10 @@ var TEMPLATES = {};
 var defaultProps4 = {};
 var GRID = defaultProps4;
 
+// src/defaultConfig/class.js
+var defaultProps5 = {};
+var CLASS = defaultProps5;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.497",
+  "version": "2.11.500",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "^2.11.497",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "a0c5801e510630ee7b7ce38d995ed5db8408f320"
+  "gitHead": "26be30022a9bbce9288b98f013bb1c3381767960"
 }

package/src/defaultConfig/index.js

@@ -19,5 +19,6 @@ export * from './animation.js'
 export * from './svg.js'
 export * from './templates.js'
 export * from './grid.js'
+export * from './class.js'
 
 export const RESET = {}