@northlight/ui 2.32.3 → 2.32.5

package/dist/umd/northlight.cjs

@@ -4819,6 +4819,11 @@
         bgColor: color["destructive-alt"],
         [$arrowBg.variable]: color["destructive-alt"]
       }),
+      error: ({ theme: { colors: color } }) => ({
+        color: "text.over.error",
+        bgColor: color["destructive-alt"],
+        [$arrowBg.variable]: color["destructive-alt"]
+      }),
       ai: ({ theme: { colors: color } }) => ({
         bgColor: color.bg.ai.default,
         [$arrowBg.variable]: color.bg.ai.default
@@ -7745,12 +7750,12 @@
     );
   });
 
-  const toastIconMap = {
+  const tooltipIconMap = {
     success: icons.CheckCircleSolid,
     warning: icons.AlertTriangleSolid,
     error: icons.AlertCircleSolid,
-    danger: icons.AlertCircleSolid,
-    info: icons.BellSolid,
+    danger: icons.AlertOctagonSolid,
+    info: icons.InfoSolid,
     ai: icons.BrightnessSolid,
     default: icons.HelpCircleSolid,
     ghost: icons.HelpCircleSolid
@@ -7799,7 +7804,7 @@
       "hasIcon"
     ]);
     const iconVariant = variant;
-    const icon = toastIconMap[iconVariant];
+    const icon = tooltipIconMap[iconVariant];
     const TooltipContent = /* @__PURE__ */ React.createElement(react.HStack, { alignItems: "flex-start" }, hasIcon && /* @__PURE__ */ React.createElement(Icon$1, { as: icon, color: `icon.toast.${iconVariant}` }), /* @__PURE__ */ React.createElement(react.VStack, { spacing: 0, alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Label$1, { size: "sm" }, title), /* @__PURE__ */ React.createElement(
       P$1,
       {
@@ -13336,6 +13341,17 @@
     );
   });
 
+  const toastIconMap = {
+    success: icons.CheckCircleSolid,
+    warning: icons.AlertTriangleSolid,
+    error: icons.AlertCircleSolid,
+    danger: icons.AlertCircleSolid,
+    info: icons.BellSolid,
+    ai: icons.BrightnessSolid,
+    default: icons.HelpCircleSolid,
+    ghost: icons.HelpCircleSolid
+  };
+
   var __defProp$g = Object.defineProperty;
   var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
   var __hasOwnProp$g = Object.prototype.hasOwnProperty;
@@ -14297,7 +14313,7 @@
     var _a2;
     const { isOpen, onToggle, onClose } = react.useDisclosure();
     const [inputValueState, setInputValueState] = React.useState(valueProp == null ? void 0 : valueProp.input);
-    const [selectOptionState, setselectOptionState] = React.useState((_a2 = valueProp == null ? void 0 : valueProp.option) != null ? _a2 : options[0]);
+    const [selectOptionState, setselectOptionState] = React.useState(valueProp == null ? void 0 : valueProp.option);
     const [enableSelectInput, setEnableSelectInput] = React.useState(false);
     const isInputValueControlled = typeof (valueProp == null ? void 0 : valueProp.input) !== "undefined";
     const inputValue = isInputValueControlled ? valueProp.input : inputValueState;
@@ -14305,7 +14321,10 @@
     const selectOption = isOptionControlled ? valueProp.option : selectOptionState;
     const buttonRef = React.useRef();
     const selectRef = React.useRef();
-    const getNewValue = (option, input) => ramda.is(Number, input) ? { input: Number(input), option } : { option };
+    const getNewValue = (option, input) => {
+      const newValueOption = option != null ? option : options[0];
+      return ramda.is(Number, input) ? { input: Number(input), option: newValueOption } : { option: newValueOption };
+    };
     const handleInputChange = (newInputvalue) => {
       const newValue = getNewValue(selectOption, newInputvalue);
       setInputValueState(newValue.input);
@@ -14339,10 +14358,20 @@
       }
     }, [enableSelectInput]);
     React.useEffect(() => {
-      if (!ramda.is(Number, inputValue) && defaultToZeroIfEmpty) {
-        handleInputChange(clamp(min, max, 0));
+      const needsToCorrectOption = !selectOption;
+      const needsToCorrectInput = !ramda.is(Number, inputValue) && defaultToZeroIfEmpty;
+      const option = needsToCorrectOption ? options[0] : selectOption;
+      const input = needsToCorrectInput ? clamp(min, max, 0) : inputValue;
+      if (needsToCorrectOption) {
+        setselectOptionState(option);
+      }
+      if (needsToCorrectInput) {
+        setInputValueState(input);
+      }
+      if (needsToCorrectOption || needsToCorrectInput) {
+        onChange == null ? void 0 : onChange(getNewValue(option, input));
       }
-    }, [valueProp == null ? void 0 : valueProp.input, defaultToZeroIfEmpty]);
+    }, [inputValue, defaultToZeroIfEmpty]);
     return /* @__PURE__ */ React.createElement(react.InputGroup, null, /* @__PURE__ */ React.createElement(
       FormattedNumberInput,
       __spreadValues$1({
@@ -14375,7 +14404,7 @@
           flexShrink: "0",
           height: "100%"
         },
-        selectOption.label
+        (_a2 = selectOption == null ? void 0 : selectOption.label) != null ? _a2 : ""
       )
     ), /* @__PURE__ */ React.createElement(react.Box, { position: "absolute", width: "100%" }, /* @__PURE__ */ React.createElement(
       Select,