@overmap-ai/blocks 1.0.40-alpha.4 → 1.0.40-improvements.1

package/dist/blocks.umd.cjs

@@ -4091,8 +4091,10 @@
       [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
     );
     react.useEffect(() => {
+      var _a;
       const firstItem = getFirstItem(internalRef.current);
       if (!firstItem) return;
+      (_a = internalRef.current) == null ? void 0 : _a.focus();
       setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
     }, [getFirstItem]);
     const contextValue = react.useMemo(
@@ -4287,6 +4289,62 @@
     Input: OneTimePasswordFieldInput,
     Root: OneTimePasswordFieldRoot
   };
+  const OverlayClose = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { ref, ...rest });
+  });
+  OverlayClose.displayName = "OverlayClose";
+  const overlayContentCva = classVarianceAuthority.cva([
+    "fixed",
+    "inset-0",
+    "bg-(--color-background)",
+    "data-[state='closed']:animate-out",
+    "data-[state='closed']:fade-out-0",
+    "data-[state='closed']:zoom-out-95",
+    "data-[state='open']:animate-in",
+    "data-[state='open']:fade-in-0",
+    "data-[state='open']:zoom-in-95"
+  ]);
+  const OverlayContent = react.memo((props) => {
+    const { ref, container, className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixDialog__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(overlayContentCva(), className),
+        ref,
+        "data-floating-content": "",
+        ...rest
+      }
+    ) });
+  });
+  OverlayContent.displayName = "OverlayContent";
+  const OverlayDescription = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { ref, ...rest });
+  });
+  OverlayDescription.displayName = "OverlayDescription";
+  const OverlayRoot = react.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { ...props });
+  });
+  OverlayRoot.displayName = "OverlayRoot";
+  const OverlayTitle = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { ref, ...rest });
+  });
+  OverlayTitle.displayName = "OverlayTitle";
+  const OverlayTrigger = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { ref, ...rest });
+  });
+  OverlayTrigger.displayName = "OverlayTrigger";
+  const Overlay = {
+    Root: OverlayRoot,
+    Content: OverlayContent,
+    Title: OverlayTitle,
+    Description: OverlayDescription,
+    Trigger: OverlayTrigger,
+    Close: OverlayClose
+  };
   const centerStyles = { placeSelf: "center" };
   const ErrorFallback = react.memo((props) => {
     const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -6522,6 +6580,13 @@
   exports2.OneTimePasswordFieldHiddenInput = OneTimePasswordFieldHiddenInput;
   exports2.OneTimePasswordFieldInput = OneTimePasswordFieldInput;
   exports2.OneTimePasswordFieldRoot = OneTimePasswordFieldRoot;
+  exports2.Overlay = Overlay;
+  exports2.OverlayClose = OverlayClose;
+  exports2.OverlayContent = OverlayContent;
+  exports2.OverlayDescription = OverlayDescription;
+  exports2.OverlayRoot = OverlayRoot;
+  exports2.OverlayTitle = OverlayTitle;
+  exports2.OverlayTrigger = OverlayTrigger;
   exports2.OvermapErrorBoundary = OvermapErrorBoundary;
   exports2.Popover = Popover;
   exports2.PopoverArrow = PopoverArrow;