@symbo.ls/uikit 2.11.269 → 2.11.271

package/dist/index.cjs.js

@@ -208,7 +208,7 @@ var require_types = __commonJS({
       isArray: () => isArray3,
       isBoolean: () => isBoolean,
       isDate: () => isDate,
-      isDefined: () => isDefined2,
+      isDefined: () => isDefined3,
       isFunction: () => isFunction3,
       isNot: () => isNot2,
       isNull: () => isNull,
@@ -237,7 +237,7 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object";
     };
-    var isDefined2 = (arg) => {
+    var isDefined3 = (arg) => {
       return isObject4(arg) || isObjectLike2(arg) || isString7(arg) || isNumber(arg) || isFunction3(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined4 = (arg) => {
@@ -255,7 +255,7 @@ var require_types = __commonJS({
       objectLike: isObjectLike2,
       node: import_node.isNode,
       htmlElement: import_node.isHtmlElement,
-      defined: isDefined2
+      defined: isDefined3
     };
     var is = (arg) => {
       return (...args) => {
@@ -1570,7 +1570,7 @@ var require_cjs2 = __commonJS({
           isArray: () => isArray9,
           isBoolean: () => isBoolean,
           isDate: () => isDate,
-          isDefined: () => isDefined2,
+          isDefined: () => isDefined22,
           isFunction: () => isFunction22,
           isNot: () => isNot2,
           isNull: () => isNull2,
@@ -1599,7 +1599,7 @@ var require_cjs2 = __commonJS({
             return false;
           return typeof arg === "object";
         };
-        var isDefined2 = (arg) => {
+        var isDefined22 = (arg) => {
           return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber3(arg) || isFunction22(arg) || isArray9(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
         };
         var isUndefined22 = (arg) => {
@@ -1617,7 +1617,7 @@ var require_cjs2 = __commonJS({
           objectLike: isObjectLike3,
           node: import_node.isNode,
           htmlElement: import_node.isHtmlElement,
-          defined: isDefined2
+          defined: isDefined22
         };
         var is = (arg) => {
           return (...args) => {
@@ -2852,7 +2852,7 @@ var require_cjs2 = __commonJS({
       return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
     };
     var import_globals = __toESM2(require_cjs7(), 1);
-    var import_utils16 = __toESM2(require_cjs22(), 1);
+    var import_utils17 = __toESM2(require_cjs22(), 1);
     var ENV = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -2980,11 +2980,11 @@ var require_cjs2 = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils16.isString)(rgb) && rgb.includes("rgb"))
+      if ((0, import_utils17.isString)(rgb) && rgb.includes("rgb"))
         rgb = colorStringToRgbaArray(rgb).join(", ");
-      if ((0, import_utils16.isString)(rgb))
+      if ((0, import_utils17.isString)(rgb))
         rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-      if ((0, import_utils16.isNumber)(tone))
+      if ((0, import_utils17.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -4742,12 +4742,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var applyEvent = (param, element, state, context, options) => {
       return param(element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
-      if (element.on && (0, import_utils16.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils17.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -4756,7 +4756,7 @@ var require_on = __commonJS({
       return param(updatedObj, element, state || element.state, context || element.context, options);
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
-      if (element.on && (0, import_utils16.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils17.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -4767,7 +4767,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
           continue;
         const appliedFunction = element.on[param];
-        if ((0, import_utils16.isFunction)(appliedFunction)) {
+        if ((0, import_utils17.isFunction)(appliedFunction)) {
           node2.addEventListener(param, (event) => {
             const { state, context } = element;
             appliedFunction(event, element, state, context, options);
@@ -4902,10 +4902,10 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs3();
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils16.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils17.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -4971,11 +4971,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var import_ignore = require_ignore();
     var parse2 = function() {
       const state = this;
-      if ((0, import_utils16.isObject)(state)) {
+      if ((0, import_utils17.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -4983,7 +4983,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils16.isArray)(state)) {
+      } else if ((0, import_utils17.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -5003,7 +5003,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils16.isString)(stateKey)) {
+      if ((0, import_utils17.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -5016,7 +5016,7 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            if ((0, import_utils16.isArray)(child.state)) {
+            if ((0, import_utils17.isArray)(child.state)) {
               Object.defineProperty(child.state, "parent", {
                 value: state.parent,
                 enumerable: false,
@@ -5050,10 +5050,10 @@ var require_methods = __commonJS({
     };
     var add = function(value, options = {}) {
       const state = this;
-      if ((0, import_utils16.isArray)(state)) {
+      if ((0, import_utils17.isArray)(state)) {
         state.push(value);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils16.isObject)(state)) {
+      } else if ((0, import_utils17.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
       }
@@ -5064,25 +5064,25 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils16.isArray)(state))
-        (0, import_utils16.removeFromArray)(state, key);
-      if ((0, import_utils16.isObject)(state))
-        (0, import_utils16.removeFromObject)(state, key);
+      if ((0, import_utils17.isArray)(state))
+        (0, import_utils17.removeFromArray)(state, key);
+      if ((0, import_utils17.isObject)(state))
+        (0, import_utils17.removeFromObject)(state, key);
       return state.set(state.parse(), { replace: true, ...options });
     };
     var set3 = function(val, options = {}) {
       const state = this;
-      const value = (0, import_utils16.deepCloneWithExtnd)(val);
+      const value = (0, import_utils17.deepCloneWithExtnd)(val);
       return state.clean({ preventStateUpdate: true, ...options }).update(value, { replace: true, ...options });
     };
     var reset = function(options = {}) {
       const state = this;
-      const value = (0, import_utils16.deepCloneWithExtnd)(state.parse());
+      const value = (0, import_utils17.deepCloneWithExtnd)(state.parse());
       return state.set(value, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils16.isFunction)(func)) {
+      if ((0, import_utils17.isFunction)(func)) {
         func(state);
         return state.update(state.parse(), { replace: true, ...options });
       }
@@ -5122,7 +5122,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -5174,11 +5174,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils16.isUndefined)(inheritedState))
+      if ((0, import_utils17.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils16.is)(inheritedState)("object", "array")) {
-        return (0, import_utils16.deepCloneWithExtnd)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils16.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils17.is)(inheritedState)("object", "array")) {
+        return (0, import_utils17.deepCloneWithExtnd)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils17.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -5187,12 +5187,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils16.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils17.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils16.isObjectLike)(state))
+      if (!(0, import_utils17.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
@@ -5241,7 +5241,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs3();
     var import_event = require_cjs4();
     var import_ignore = require_ignore();
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -5254,7 +5254,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils16.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils17.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -5284,10 +5284,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils16.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils17.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils16.overwriteShallow : import_utils16.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils17.overwriteShallow : import_utils17.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -5309,7 +5309,7 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createChangesByKey)(stateKey, passedValue);
       const targetParent = findGrandParentState || parent.state;
       if (options.replace)
-        (0, import_utils16.overwriteDeep)(targetParent, changesValue || value);
+        (0, import_utils17.overwriteDeep)(targetParent, changesValue || value);
       targetParent.update(changesValue, {
         execStateFunction: false,
         isHoisted: true,
@@ -5378,7 +5378,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs4();
-    var import_utils16 = require_cjs();
+    var import_utils17 = require_cjs();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -5392,13 +5392,13 @@ var require_create = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils16.deepCloneWithExtnd)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils17.deepCloneWithExtnd)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
       if ((0, import_inherit.checkIfInherits)(element)) {
         const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
-        element.state = (0, import_utils16.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils17.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state);
       if (dependentState)
@@ -5411,17 +5411,17 @@ var require_create = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils16.deepCloneWithExtnd)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils17.deepCloneWithExtnd)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils16.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils17.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils16.isFunction)(state)) {
+      if ((0, import_utils17.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils16.exec)(state, element);
-      } else if ((0, import_utils16.is)(state)("string", "number")) {
+        return (0, import_utils17.exec)(state, element);
+      } else if ((0, import_utils17.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       } else if (state === true) {
@@ -5469,7 +5469,7 @@ var require_create = __commonJS({
         __children: {},
         __root: ref.__root ? ref.__root.state : state
       };
-      if ((0, import_utils16.isArray)(state)) {
+      if ((0, import_utils17.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -5539,8 +5539,8 @@ var require_cjs6 = __commonJS({
       router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_utils16 = require_cjs();
-    var getActiveRoute = (level = 0, route = import_utils16.window.location.pathname) => {
+    var import_utils17 = require_cjs();
+    var getActiveRoute = (level = 0, route = import_utils17.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -5554,7 +5554,7 @@ var require_cjs6 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils16.document && import_utils16.document.documentElement,
+      scrollNode: import_utils17.document && import_utils17.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -5570,13 +5570,13 @@ var require_cjs6 = __commonJS({
       const route = getActiveRoute(options.level, pathname);
       const content = element.routes[route || "/"] || element.routes["/*"];
       const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
-      const hashChanged = hash2 && hash2 !== import_utils16.window.location.hash.slice(1);
+      const hashChanged = hash2 && hash2 !== import_utils17.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
       if (!content)
         return;
       if (options.pushState) {
-        import_utils16.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+        import_utils17.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
       }
       if (pathChanged || !hashChanged) {
         if (options.updateState) {
@@ -5605,7 +5605,7 @@ var require_cjs6 = __commonJS({
         });
       }
       if (hash2) {
-        const activeNode = import_utils16.document.getElementById(hash2);
+        const activeNode = import_utils17.document.getElementById(hash2);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -8461,6 +8461,12 @@ var Svg = {
       return useSVGSymbol(SVGKey);
     SVGKey = SVG[symbolId] = Math.random();
     if (props4.src) {
+      deps.init({
+        svg: { [SVGKey]: props4.src }
+      }, {
+        document: context.document,
+        emotion: context.emotion
+      });
     }
     return useSVGSymbol(SVGKey);
   }
@@ -8856,36 +8862,35 @@ var SuccessIndicator = {
 var Hgroup = {
   extend: Flex,
   tag: "hgroup",
-  props: { flow: "column", gap: "Y" },
-  Title: {
-    extend: Flex,
-    props: {
+  props: {
+    flow: "column",
+    gap: "Y",
+    Title: {
       fontWeight: "700",
       alignItems: "center"
-    }
-  },
-  Paragraph: {
-    extend: Flex,
-    props: {
+    },
+    Paragraph: {
       margin: "0",
       color: "caption",
       "> p": { margin: "0" }
     }
+  },
+  Title: {
+    extend: Flex,
+    if: ({ parent }) => parent.props.title,
+    props: ({ scope, parent }) => ({
+      text: parent.props.title,
+      lineHeight: "1em"
+    })
+  },
+  Paragraph: {
+    extend: Flex,
+    if: ({ parent }) => parent.props.paragraph,
+    props: ({ scope, parent }) => ({
+      text: parent.props.paragraph,
+      margin: "0"
+    })
   }
-  // Title: {
-  //   extend: Flex,
-  //   props: ({ scope, parent }) => ({
-  //     text: parent.props.title,
-  //     lineHeight: '1em'
-  //   })
-  // },
-  // Paragraph: {
-  //   extend: Flex,
-  //   props: ({ scope, parent }) => ({
-  //     text: parent.props.paragraph,
-  //     margin: '0'
-  //   })
-  // }
 };
 var HgroupRows = {
   extend: Hgroup,
@@ -9249,8 +9254,8 @@ var CommonFieldTemplate = {
 
 // Field/Field.js
 var Field = {
+  extend: "Flex",
   tag: "label",
-  extend: [Focusable, IconText],
   props: {
     minWidth: "F2+Z2",
     maxWidth: "F2+Z2",
@@ -9258,14 +9263,10 @@ var Field = {
     align: "center flex-start",
     gap: "Y",
     boxSizing: "border-box",
-    padding: "- A - Z2",
-    round: "Z1",
-    border: "solid, gray .45 +80",
-    borderWidth: ".8px",
     position: "relative",
-    ":focus-within": { outline: "1px solid #0474F2" },
-    Icon: {
-      fontSize: "Z2"
+    Input: {
+      padding: "Z2 B2 Z2 B",
+      flex: "1"
     },
     Button: {
       padding: "0",
@@ -9275,19 +9276,15 @@ var Field = {
     }
   },
   Input: {
-    props: {
-      fontWeight: "400",
-      padding: "0",
-      background: "rgba(0, 0, 0, 0)",
-      round: "0",
-      color: "title",
-      fontFamily: "avenir",
-      placeholder: "Placeholder",
-      flex: "1",
-      minHeight: "100%",
-      outline: "none !important",
-      "::placeholder": { color: "gray 1 +64" }
-    }
+    placeholder: "Placeholder"
+  },
+  Icon: {
+    props: ({ parent }) => ({
+      name: parent.props.icon,
+      minWidth: "A",
+      margin: "- Z1 - -C",
+      position: "relative"
+    })
   }
 };
 var FieldTemplate = {
@@ -9343,25 +9340,35 @@ var FieldWithTitleTemplate = {
 
 // Field/Search.js
 var Search = {
-  extend: Field,
   tag: "search",
   props: {
     maxWidth: "G3",
     gap: "Z",
-    theme: "dialog",
-    padding: "Z+V Z+V2"
+    onSubmit: (ev, el, s) => {
+    }
   },
   Form: {
-    SquareButton: {
-      name: "search",
-      color: "title",
-      margin: "V - - -"
+    extend: "Field",
+    props: {
+      flow: "row-reverse",
+      Input: {
+        padding: "Z2 B Z2 C"
+      },
+      Icon: {
+        margin: "- -C - Z1",
+        name: "search"
+      }
     },
     Input: {
       props: {
-        placeholder: "type a command or search",
+        type: "search",
+        placeholder: "Search",
         "::placeholder": { color: "paragraph" }
       }
+    },
+    Icon: {},
+    on: {
+      submit: (ev, el, s) => el.parent.props.onSubmit(ev, el, s)
     }
   }
 };
@@ -9702,6 +9709,7 @@ var UnitValueWithTitle = {
 
 // Link/index.js
 var import_router = __toESM(require_cjs6());
+var import_utils12 = __toESM(require_cjs());
 var Link = {
   extend: Focusable,
   tag: "a",
@@ -9727,17 +9735,19 @@ var RouterLink = {
   on: {
     click: (event, el) => {
       const { props: props4, context: ctx } = el;
-      const { href } = props4;
+      const { href, scrollToTop } = props4;
       if (!href)
         return;
       const { utils, snippets, routerOptions } = ctx;
       const root = el.__ref.__root;
       const linkIsExternal = href.includes("http://") || href.includes("https://") || href.includes("mailto:") || href.includes("tel:");
-      const options = props4.routerOptions || routerOptions || {
-        scrollToOptions: { behaviour: "instant" }
-      };
       if (href && !linkIsExternal) {
-        (snippets.router || utils.router || import_router.router)(href, root, {}, options);
+        (snippets.router || utils.router || import_router.router)(href, root, {}, {
+          scrollToOptions: { behaviour: "instant" },
+          scrollToTop: (0, import_utils12.isDefined)(scrollToTop) ? scrollToTop : true,
+          ...routerOptions,
+          ...props4.routerOptions
+        });
         event.preventDefault();
       }
     }
@@ -9796,20 +9806,19 @@ var DoubleHr = {
 };
 
 // Input/Input.js
-var import_utils12 = __toESM(require_cjs());
+var import_utils13 = __toESM(require_cjs());
 var Input = {
   extend: ["Focusable"],
   tag: "input",
-  deps: { isString: import_utils12.isString, replaceLiteralsWithObjectFields: import_utils12.replaceLiteralsWithObjectFields },
+  deps: { isString: import_utils13.isString, replaceLiteralsWithObjectFields: import_utils13.replaceLiteralsWithObjectFields },
   props: {
     border: "none",
     type: "input",
     theme: "field",
     fontSize: "A",
     round: "C",
-    lineHeight: 1,
-    fontFamily: "smbls",
-    padding: "Z A"
+    lineHeight: "1",
+    padding: "Z2 B"
   },
   attr: {
     pattern: ({ props: props4 }) => props4.pattern,
@@ -9992,12 +10001,13 @@ var Textarea = {
     round: "Z1",
     placeholder: "Leave us a message...",
     padding: "A",
-    theme: "transparent",
+    theme: "field",
     border: "none",
     maxWidth: "G1_default",
     minHeight: "E_default",
     width: "100%",
     height: "E1_default",
+    fontFamily: "inherit",
     style: { resize: "none" }
   },
   ".simple": {
@@ -10009,10 +10019,11 @@ var Textarea = {
   },
   ".outlined": {
     props: {
-      background: "transparent",
+      theme: "field",
+      borderWidth: "1px",
+      borderStyle: "solid",
       lineHeight: 1.4,
       placeholder: "Leave us a message...",
-      outline: "none !important",
       resize: "none"
     }
   }
@@ -10079,7 +10090,8 @@ var Button = {
     textDecoration: "none",
     lineHeight: "1",
     whiteSpace: "nowrap",
-    padding: "Z A1",
+    padding: "Z B2",
+    fontWeight: "500",
     fontFamily: "inherit",
     round: "C2"
   },
@@ -10115,12 +10127,11 @@ var FlexButton = {
     boxSize: "fit-content",
     padding: "Z2 A2",
     round: "Z1",
-    gap: "X1",
-    position: "relative"
-  },
-  Icon: {
-    props: { fontSize: "B1" }
+    gap: "Z",
+    position: "relative",
+    Icon: { fontSize: "B1" }
   },
+  Icon: {},
   Text: { text: "Button" }
 };
 var ButtonSet = {
@@ -10323,7 +10334,7 @@ var ProgressCircleWithSideUnitValue = {
 };
 
 // Range/index.js
-var import_utils13 = __toESM(require_cjs());
+var import_utils14 = __toESM(require_cjs());
 var import_scratch11 = __toESM(require_cjs2());
 var props = {
   appearance: "none",
@@ -10384,16 +10395,40 @@ var props = {
     }
   }
 };
-var Range = {
-  props,
-  tag: "input",
-  attr: { type: "range" }
-};
 var returnPropertyValue = (el, property, def) => {
   const val = el.props && el.props[property];
-  const r = (0, import_utils13.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
+  const r = (0, import_utils14.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 0;
   return r + "";
 };
+var Range = {
+  props,
+  tag: "input",
+  attr: {
+    type: "range",
+    value: (el, s) => parseFloat(el.state.value || el.props.value || el.props.defaultValue),
+    min: (el, s) => returnPropertyValue(el, "min", 0),
+    max: (el, s) => returnPropertyValue(el, "max", 100),
+    step: (el, s) => returnPropertyValue(el, "step", 1)
+  },
+  on: {
+    input: (ev, el, s) => {
+      const props4 = el.props;
+      if ((0, import_utils14.isFunction)(props4.onInput)) {
+        props4.onInput(ev, el, s);
+      } else {
+        s.update({ value: parseFloat(el.node.value) });
+      }
+    },
+    change: (ev, el, s) => {
+      const props4 = el.props;
+      if ((0, import_utils14.isFunction)(props4.onChange)) {
+        props4.onChange(ev, el, s);
+      } else {
+        s.update({ value: parseFloat(el.node.value) });
+      }
+    }
+  }
+};
 var RangeWithButtons = {
   minus: {
     extend: SquareButton,
@@ -10401,7 +10436,7 @@ var RangeWithButtons = {
     on: {
       click: (ev, el, s) => {
         const parentProps = el.parent.props;
-        if ((0, import_utils13.isFunction)(parentProps.onDecrease)) {
+        if ((0, import_utils14.isFunction)(parentProps.onDecrease)) {
           parentProps.onDecrease(ev, el.parent, s);
         } else {
           const value = parseFloat(s.value);
@@ -10419,13 +10454,13 @@ var RangeWithButtons = {
     tag: "span",
     text: ({ state, parent }) => {
       const unit = returnPropertyValue(parent, "unit", "");
-      return "" + (state.value || 50) + unit;
+      return "" + (state.value || state.defaultValue || 0) + unit;
     }
   },
   input: {
     extend: Range,
     attr: {
-      value: (el, s) => parseFloat(el.state.value),
+      value: (el, s) => parseFloat(s.value || s.defaultValue),
       min: (el, s) => returnPropertyValue(el.parent, "min", 0),
       max: (el, s) => returnPropertyValue(el.parent, "max", 100),
       step: (el, s) => returnPropertyValue(el.parent, "step", 1)
@@ -10433,7 +10468,7 @@ var RangeWithButtons = {
     on: {
       input: (ev, el, s) => {
         const parentProps = el.parent.props;
-        if ((0, import_utils13.isFunction)(parentProps.onInput)) {
+        if ((0, import_utils14.isFunction)(parentProps.onInput)) {
           parentProps.onInput(ev, el, s);
         } else {
           s.update({ value: parseFloat(el.node.value) });
@@ -10441,7 +10476,7 @@ var RangeWithButtons = {
       },
       change: (ev, el, s) => {
         const parentProps = el.parent.props;
-        if ((0, import_utils13.isFunction)(parentProps.onChange)) {
+        if ((0, import_utils14.isFunction)(parentProps.onChange)) {
           parentProps.onChange(ev, el, s);
         } else {
           s.update({ value: parseFloat(el.node.value) });
@@ -10455,7 +10490,7 @@ var RangeWithButtons = {
     on: {
       click: (ev, el, s) => {
         const parentProps = el.parent.props;
-        if ((0, import_utils13.isFunction)(parentProps.onIncrease)) {
+        if ((0, import_utils14.isFunction)(parentProps.onIncrease)) {
           parentProps.onIncrease(ev, el.parent, s);
         } else {
           const value = parseFloat(s.value);
@@ -10491,7 +10526,7 @@ var style_default = {
 
 // Slider/index.js
 var import_scratch12 = __toESM(require_cjs2());
-var import_utils14 = __toESM(require_cjs());
+var import_utils15 = __toESM(require_cjs());
 var RangeSlider = {
   style: style_default,
   props: {
@@ -10502,7 +10537,7 @@ var RangeSlider = {
 };
 var listenProp = (el, prop, def) => {
   const val = el && el.props && el.props[prop];
-  const r = ((0, import_utils14.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
+  const r = ((0, import_utils15.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
   return r;
 };
 var Slider = {
@@ -10513,10 +10548,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils15.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props4 = input.props;
-        const value = (0, import_utils14.isFunction)(props4.value) ? props4.value() : props4.value;
+        const value = (0, import_utils15.isFunction)(props4.value) ? props4.value() : props4.value;
         input.node.value = value;
       }
     }
@@ -10539,8 +10574,8 @@ var Slider = {
       step: (el, s) => listenProp(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.input) && el.props.input(ev, el, s),
-      change: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.change) && el.props.change(ev, el, s)
+      input: (ev, el, s) => el.props && (0, import_utils15.isFunction)(el.props.input) && el.props.input(ev, el, s),
+      change: (ev, el, s) => el.props && (0, import_utils15.isFunction)(el.props.change) && el.props.change(ev, el, s)
     }
   },
   button1: {
@@ -10550,10 +10585,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils15.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props4 = input.props;
-        const value = (0, import_utils14.isFunction)(props4.value) ? props4.value() : props4.value;
+        const value = (0, import_utils15.isFunction)(props4.value) ? props4.value() : props4.value;
         input.node.value = value;
       }
     }
@@ -10769,7 +10804,7 @@ var NotificationIndicator = {
 };
 
 // Tooltip/index.js
-var import_utils15 = __toESM(require_cjs());
+var import_utils16 = __toESM(require_cjs());
 var Tooltip = {
   extend: Flex,
   props: {
@@ -10788,7 +10823,7 @@ var Tooltip = {
   },
   attr: { tooltip: true },
   Title: {
-    if: ({ parent, props: props4 }) => (0, import_utils15.isDefined)(parent.props.title) || props4.text,
+    if: ({ parent, props: props4 }) => (0, import_utils16.isDefined)(parent.props.title) || props4.text,
     props: ({ parent }) => ({
       width: "fit-content",
       fontWeight: 500,
@@ -10797,7 +10832,7 @@ var Tooltip = {
     })
   },
   P: {
-    if: ({ parent, props: props4 }) => (0, import_utils15.isDefined)(parent.props.description) || props4.text,
+    if: ({ parent, props: props4 }) => (0, import_utils16.isDefined)(parent.props.description) || props4.text,
     props: ({ parent }) => ({
       width: "fit-content",
       fontSize: "Z2",
@@ -10909,6 +10944,8 @@ var Tab = {
     align: "center flex-start",
     position: "relative",
     padding: "Z Z1",
+    theme: "field",
+    borderRadius: "A A X2 X2",
     icon: "smile"
   },
   Icon: {},