@geomak/ui 5.0.0 → 5.0.1

package/dist/index.js

@@ -2804,7 +2804,7 @@ function NumberInput({
         "div",
         {
           style,
-          className: `flex items-center rounded-lg border ${hasError ? "border-status-error" : "border-border"} ${disabled ? "bg-surface-raised text-foreground-muted cursor-not-allowed" : "bg-surface text-foreground"} focus-within:ring-2 focus-within:ring-accent transition-colors`,
+          className: `flex items-center rounded-lg border overflow-hidden ${hasError ? "border-status-error" : "border-border"} ${disabled ? "bg-surface-raised text-foreground-muted cursor-not-allowed" : "bg-surface text-foreground"} focus-within:ring-2 focus-within:ring-accent transition-colors`,
           children: [
             /* @__PURE__ */ jsx(
               "input",
@@ -3024,25 +3024,22 @@ function Switch({
   uncheckedIcon
 }) {
   const id = useId();
-  return /* @__PURE__ */ jsxs("div", { children: [
-    "// mr-12 was a hardcoded right margin that broke layouts; spacing // is the parent's responsibility now.",
-    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "flex items-center cursor-pointer select-none", children: /* @__PURE__ */ jsx(
-      SwitchPrimitive.Root,
-      {
-        id,
-        checked,
-        onCheckedChange: (c) => onChange?.({ target: { checked: c } }),
-        className: "relative inline-flex h-6 w-14 items-center rounded-full bg-foreground-secondary data-[state=checked]:bg-accent transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
-        children: /* @__PURE__ */ jsx(
-          SwitchPrimitive.Thumb,
-          {
-            className: "pointer-events-none inline-flex h-8 w-8 items-center justify-center rounded-full bg-background text-foreground shadow transition-transform duration-200 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-[-4px]",
-            children: checkedIcon && uncheckedIcon ? checked ? checkedIcon : uncheckedIcon : null
-          }
-        )
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("label", { htmlFor: id, className: "flex items-center cursor-pointer select-none", children: /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      id,
+      checked,
+      onCheckedChange: (c) => onChange?.({ target: { checked: c } }),
+      className: "relative inline-flex h-6 w-14 items-center rounded-full bg-foreground-secondary data-[state=checked]:bg-accent transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          className: "pointer-events-none inline-flex h-8 w-8 items-center justify-center rounded-full bg-background text-foreground shadow transition-transform duration-200 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-[-4px]",
+          children: checkedIcon && uncheckedIcon ? checked ? checkedIcon : uncheckedIcon : null
+        }
+      )
+    }
+  ) }) });
 }
 function AutoComplete({
   disabled,
@@ -3185,11 +3182,17 @@ function TreeSelect({
   const [activeIndex, setActiveIndex] = useState(0);
   const listRef = useRef(null);
   const visible = useMemo(() => flattenVisible(items, expanded), [items, expanded]);
+  const didSyncOnOpenRef = useRef(false);
   useEffect(() => {
-    if (!open) return;
+    if (!open) {
+      didSyncOnOpenRef.current = false;
+      return;
+    }
+    if (didSyncOnOpenRef.current) return;
     const selectedIdx = visible.findIndex((v) => v.node.key === value);
     setActiveIndex(selectedIdx >= 0 ? selectedIdx : 0);
-  }, [open, visible, value]);
+    didSyncOnOpenRef.current = true;
+  }, [open, value]);
   const selectedNode = useMemo(
     () => value != null ? findNodeByKey(items, value) : null,
     [items, value]