nuvox 0.1.2 → 0.1.3

package/dist/react/index.js

@@ -34,7 +34,7 @@ import {
   resolveTableState,
   rgbToHex,
   rgbToHsl
-} from "../chunk-3F7OVF4J.js";
+} from "../chunk-KKRVJF3Y.js";
 
 // src/theme-engine/resolveColor.ts
 function rawColorToBrandVars(color) {
@@ -15179,7 +15179,9 @@ function useClickOutside(isOpen, refs, onOutsideClick) {
     function onPointerDown(e) {
       const target = e.target;
       const isInside = refs.some((ref) => ref.current?.contains(target));
-      if (!isInside) onOutsideClick();
+      if (isInside) return;
+      if (target instanceof Element && target.closest("[data-nuvox-portal]")) return;
+      onOutsideClick();
     }
     document.addEventListener("pointerdown", onPointerDown, true);
     return () => document.removeEventListener("pointerdown", onPointerDown, true);
@@ -15940,12 +15942,19 @@ function getKeyboardValue(key, current, state) {
   if (key === "End") return state.max;
   return null;
 }
-function getRootClasses3(state, isRange, className) {
+function getRootClasses3(state, isRange, showValueLabel, className) {
   return [
     "nx-slider",
     `nx-slider--${state.size}`,
     isRange && "nx-slider--range",
     state.isDisabled && "nx-slider--disabled",
+    // The value-label bubble floats above the thumb (see
+    // Slider.css) — with no room reserved for it, it overflows
+    // .nx-slider's own box and lands on whatever's above it in
+    // .nx-field, which for a slider with a `label` is the label
+    // text itself. This adds the top margin the bubble actually
+    // needs instead of relying on .nx-field's generic 4px gap.
+    showValueLabel && "nx-slider--with-value-label",
     className
   ].filter(Boolean).join(" ");
 }
@@ -16076,7 +16085,7 @@ var SliderImpl = forwardRef20(function Slider({
   }
   const slider = /* @__PURE__ */ jsxs451("div", { className: "nx-field", style, children: [
     label && /* @__PURE__ */ jsx525("span", { id: labelId, className: "nx-field__label", children: label }),
-    /* @__PURE__ */ jsx525("div", { ref: forwardedRef, id: rootId, className: getRootClasses3(state, isRange, className), children: /* @__PURE__ */ jsxs451(
+    /* @__PURE__ */ jsx525("div", { ref: forwardedRef, id: rootId, className: getRootClasses3(state, isRange, showValueLabel, className), children: /* @__PURE__ */ jsxs451(
       "div",
       {
         ref: trackRef,