@edux-design/popovers 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @edux-design/popovers
 
+## 1.0.5
+
+### Patch Changes
+
+- Clean up
+
+## 1.0.4
+
+### Patch Changes
+
+- Updated popovers to portal to nearest parent
+
 ## 1.0.3
 
 ### Patch Changes

package/README.md

@@ -2,7 +2,7 @@
 
 Thin, design-token-aware wrappers around Radix UI’s popover primitives. Use them directly or via higher-level components (menus, tooltips, etc.).
 
-Exports: `PopoverProvider`, `Popover`, `PopoverTrigger`, `PopoverAnchor`, `PopoverPortal`, `PopoverContent`, `PopoverClose`.
+Exports: `Popover`, `PopoverTrigger`, `PopoverAnchor`, `PopoverPortal`, `PopoverContent`, `PopoverClose`.
 
 ---
 
@@ -74,4 +74,4 @@ Stories: `src/demos/Popover.stories.jsx`.
 
 - Since these components forward all props to Radix, refer to the Radix documentation for advanced features (modals, anchors, collision handling).
 - The default surface uses the `bg-fg-base` / `text-fg-invert` combo; override via Tailwind classes when you need alternate skins.
-- Consumers should wrap popovers in `PopoverProvider` if they need to tweak the default delay group or share open states.
+- Popovers are used directly via `Popover`, `PopoverTrigger`, and `PopoverContent`; no package-level provider is required.

package/dist/index.js

@@ -34,7 +34,6 @@ __export(index_exports, {
   PopoverClose: () => PopoverClose,
   PopoverContent: () => PopoverContent,
   PopoverPortal: () => PopoverPortal,
-  PopoverProvider: () => PopoverProvider,
   PopoverTrigger: () => PopoverTrigger
 });
 module.exports = __toCommonJS(index_exports);
@@ -44,7 +43,6 @@ var import_react = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_utils = require("@edux-design/utils");
 var POPOVER_Z_INDEX = 2147483646;
-var PopoverProvider = PopoverPrimitive.Provider;
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
@@ -54,6 +52,8 @@ var PopoverContent = (0, import_react.forwardRef)(
     children,
     className,
     style,
+    container,
+    portalProps = {},
     side = "bottom",
     sideOffset = 8,
     align = "center",
@@ -71,7 +71,7 @@ var PopoverContent = (0, import_react.forwardRef)(
       bottom: "translate-y-[4px]",
       left: "translate-x-[-4px]"
     }[side];
-    return /* @__PURE__ */ import_react.default.createElement(PopoverPortal, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(PopoverPortal, { container, ...portalProps }, /* @__PURE__ */ import_react.default.createElement(
       PopoverPrimitive.Content,
       {
         ref,
@@ -107,6 +107,5 @@ var PopoverClose = PopoverPrimitive.Close;
   PopoverClose,
   PopoverContent,
   PopoverPortal,
-  PopoverProvider,
   PopoverTrigger
 });

package/dist/index.mjs

@@ -3,7 +3,6 @@ import React, { forwardRef } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cx } from "@edux-design/utils";
 var POPOVER_Z_INDEX = 2147483646;
-var PopoverProvider = PopoverPrimitive.Provider;
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
@@ -13,6 +12,8 @@ var PopoverContent = forwardRef(
     children,
     className,
     style,
+    container,
+    portalProps = {},
     side = "bottom",
     sideOffset = 8,
     align = "center",
@@ -30,7 +31,7 @@ var PopoverContent = forwardRef(
       bottom: "translate-y-[4px]",
       left: "translate-x-[-4px]"
     }[side];
-    return /* @__PURE__ */ React.createElement(PopoverPortal, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(PopoverPortal, { container, ...portalProps }, /* @__PURE__ */ React.createElement(
       PopoverPrimitive.Content,
       {
         ref,
@@ -65,6 +66,5 @@ export {
   PopoverClose,
   PopoverContent,
   PopoverPortal,
-  PopoverProvider,
   PopoverTrigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edux-design/popovers",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": false,
   "sideEffects": [
     "**/*.css"
@@ -8,9 +8,9 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     }
   },
   "scripts": {

package/src/elements/Popover.jsx

@@ -4,22 +4,6 @@ import { cx } from "@edux-design/utils";
 
 const POPOVER_Z_INDEX = 2147483646;
 
-/**
- * PopoverProvider
- *
- * Optional provider to wrap your app (if you want to set shared defaults / context).
- * It delegates to Radix’s Provider.
- *
- * @component
- * @example
- * ```jsx
- * <PopoverProvider>
- *   <YourUI />
- * </PopoverProvider>
- * ```
- */
-export const PopoverProvider = PopoverPrimitive.Provider;
-
 /**
  * Root Popover component.
  *
@@ -105,6 +89,8 @@ export const PopoverContent = forwardRef(
       children,
       className,
       style,
+      container,
+      portalProps = {},
       side = "bottom",
       sideOffset = 8,
       align = "center",
@@ -129,7 +115,7 @@ export const PopoverContent = forwardRef(
     }[side];
 
     return (
-      <PopoverPortal>
+      <PopoverPortal container={container} {...portalProps}>
         <PopoverPrimitive.Content
           ref={ref}
           side={side}

package/src/index.js

@@ -1,5 +1,4 @@
 export {
-  PopoverProvider,
   Popover,
   PopoverTrigger,
   PopoverAnchor,