@symbo.ls/uikit 2.11.241 → 2.11.243

package/dist/index.cjs.js

@@ -99,7 +99,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_key2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -136,7 +136,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_env2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -172,7 +172,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_globals2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -206,7 +206,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_node2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -241,7 +241,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_types2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -271,7 +271,7 @@ var require_cjs = __commonJS({
           isFunction: () => isFunction22,
           isNot: () => isNot2,
           isNull: () => isNull,
-          isNumber: () => isNumber2,
+          isNumber: () => isNumber3,
           isObject: () => isObject8,
           isObjectLike: () => isObjectLike3,
           isString: () => isString10,
@@ -285,7 +285,7 @@ var require_cjs = __commonJS({
           return typeof arg === "object" && arg.constructor === Object;
         };
         var isString10 = (arg) => typeof arg === "string";
-        var isNumber2 = (arg) => typeof arg === "number";
+        var isNumber3 = (arg) => typeof arg === "number";
         var isFunction22 = (arg) => typeof arg === "function";
         var isBoolean = (arg) => arg === true || arg === false;
         var isNull = (arg) => arg === null;
@@ -297,7 +297,7 @@ var require_cjs = __commonJS({
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber2(arg) || isFunction22(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+          return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber3(arg) || isFunction22(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
         };
         var isUndefined3 = (arg) => {
           return arg === void 0;
@@ -308,7 +308,7 @@ var require_cjs = __commonJS({
           object: isObject8,
           string: isString10,
           date: isDate,
-          number: isNumber2,
+          number: isNumber3,
           null: isNull,
           function: isFunction22,
           objectLike: isObjectLike3,
@@ -329,7 +329,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_array2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -440,7 +440,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_string2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -503,7 +503,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_object2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1011,7 +1011,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_function2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1084,7 +1084,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_log2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1123,7 +1123,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cookie2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1177,7 +1177,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_tags2 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1340,7 +1340,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cjs22 = __commonJS2({
-      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1752,6 +1752,8 @@ var require_cjs = __commonJS({
         return val.split(" ");
       if ((0, import_utils32.isObject)(val))
         return Object.keys(val).map((v) => val[v]);
+      if ((0, import_utils32.isNumber)(val))
+        return [val];
       if ((0, import_utils32.isArray)(val))
         return val;
     };
@@ -6725,6 +6727,46 @@ var import_state = __toESM(require_cjs5());
 var import_utils3 = __toESM(require_cjs2());
 var Collection = {
   define: {
+    $collection: (param, el, state) => {
+      if (!param)
+        return;
+      if ((0, import_utils3.isString)(param)) {
+        if (param === "state")
+          param = state.parse();
+        else
+          param = (0, import_state.getChildStateInKey)(param, state);
+      }
+      if ((0, import_state.isState)(param))
+        param = param.parse();
+      if ((0, import_utils3.isNot)(param)("array", "object"))
+        return;
+      const { __ref: ref } = el;
+      if (ref.__stateCollectionCache) {
+        const d = (0, import_utils3.deepDiff)(param, ref.__stateCollectionCache);
+        if (Object.keys(d).length) {
+          ref.__stateCollectionCache = (0, import_utils3.deepClone)(param);
+          delete ref.__noCollectionDifference;
+        } else {
+          ref.__noCollectionDifference = true;
+          return;
+        }
+      } else {
+        ref.__stateCollectionCache = (0, import_utils3.deepClone)(param);
+      }
+      const obj = {
+        tag: "fragment",
+        props: {
+          childProps: el.props && el.props.childProps
+        }
+      };
+      for (const key in param) {
+        const value = param[key];
+        obj[key] = (0, import_utils3.isObjectLike)(value) ? value : { value };
+      }
+      el.removeContent();
+      el.content = obj;
+      return obj;
+    },
     $setCollection: (param, el, state) => {
       if (!param)
         return;
@@ -8378,6 +8420,7 @@ var Text = {
       const { props: props4, deps } = el;
       return props4.fontSize ? deps.getFontSizeByKey(props4.fontSize) : null;
     },
+    font: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.font) && { font: props4.font },
     fontFamily: ({ props: props4, deps }) => !(0, import_utils7.isUndefined)(props4.fontFamily) && {
       fontFamily: deps.getFontFamily(props4.fontFamily) || props4.fontFamily
     },
@@ -8732,7 +8775,7 @@ var TitleParagraph = {
     props: {
       margin: "0",
       fontWeight: "400",
-      color: "gray4",
+      color: "caption",
       "> p": { margin: "0" }
     }
   }
@@ -8769,7 +8812,7 @@ var TitleParagraphButton = {
     Button: {
       props: {
         background: "transparent",
-        color: "white",
+        color: "currentColor",
         padding: "0",
         Icon: {
           name: "x",
@@ -8819,7 +8862,7 @@ var List = {
         position: "relative",
         cursor: "pointer",
         fontSize: "A1",
-        color: "gray4",
+        color: "caption",
         ":hover": {
           background: "gray .92 +4"
         },
@@ -9078,7 +9121,7 @@ var CommonField = {
       text: "Label",
       lineHeight: "1em",
       padding: "- - - V2",
-      color: "gray4"
+      color: "caption"
     }
   },
   Field: {
@@ -9087,7 +9130,7 @@ var CommonField = {
   Hint: {
     extend: IconText,
     props: {
-      color: "gray4",
+      color: "caption",
       align: "center flex-start",
       text: "",
       fontSize: "Z1",
@@ -9419,7 +9462,7 @@ var Banner = {
         content: '""',
         position: "absolute",
         boxSize: "V 100%",
-        background: "white .1",
+        theme: "dialog",
         top: "0",
         round: "C"
       }
@@ -9438,8 +9481,7 @@ var Banner = {
       Title: {
         tag: "h6",
         props: {
-          fontSize: "B",
-          color: "white .85"
+          fontSize: "B"
         }
       },
       Paragraph: {
@@ -9454,9 +9496,7 @@ var Banner = {
       letterSpacing: ".1px",
       padding: "B - - Y",
       fontSize: "Z2",
-      color: "white .5",
       lineHeight: "1.6em"
-      // fontWeight: '100'
     }
   }
 };
@@ -10451,7 +10491,6 @@ var Label = {
     text: "-2.902x",
     fontSize: "X2",
     boxSize: "fit-content fit-content",
-    background: "#F4454E",
     padding: "W2 Y2",
     round: "Y1",
     fontWeight: "400"
@@ -10972,7 +11011,7 @@ var LineStepsWithTitleParagraph = {
     Paragraph: {
       text: "The easiest way to build your own website.",
       fontSize: "Z1",
-      color: "gray4"
+      color: "caption"
     }
   },
   LineSteps: {
@@ -10994,7 +11033,7 @@ var ParagraphButton = {
   P: {
     props: {
       text: "Didn't get the code?",
-      color: "gray4",
+      color: "caption",
       margin: "0"
     }
   },
@@ -11136,7 +11175,7 @@ var Modal = {
     Paragraph: {
       props: {
         fontSize: "Z",
-        color: "gray4",
+        color: "caption",
         padding: "- Y"
       }
     }
@@ -11872,7 +11911,7 @@ var LogIn = {
       extend: SocialLink,
       props: {
         minWidth: "100%",
-        color: "gray4"
+        color: "caption"
       }
     },
     ...[{}, {}]
@@ -12635,7 +12674,7 @@ var BalanceCard = {
         padding: "0",
         theme: "transparent",
         fontSize: "D",
-        color: "gray4",
+        color: "caption",
         margin: "-X -W2 - -",
         Icon: { name: "arrowUpRight" }
       }
@@ -12653,7 +12692,7 @@ var BalanceCard = {
     },
     UnitValue: {
       flow: "row-reverse",
-      color: "white .75",
+      color: "paragraph",
       fontWeight: "400",
       fontSize: "Z",
       gap: "Y",
@@ -12733,7 +12772,7 @@ var ConvertCard = {
     props: {
       justifyContent: "space-between",
       fontWeight: "400",
-      color: "gray4"
+      color: "caption"
     },
     caption: {
       props: {