@oneplatformdev/ui 0.0.1-beta.124 → 0.0.1-beta.126

package/Dialog/Dialog.mjs

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
+import * as r from "react";
 import { useRef as y, useState as N, useLayoutEffect as D } from "react";
 import * as e from "@radix-ui/react-dialog";
 import { XIcon as h } from "lucide-react";
 import { cn as l } from "@oneplatformdev/utils";
 import { DialogOverlayScope as b } from "./DialogOverlayScope.mjs";
-const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, m = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, f = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
@@ -16,19 +16,19 @@ const S = e.Root, F = e.Trigger, v = e.Portal, q = e.Close, m = i.forwardRef(({
     ...a
   }
 ));
-m.displayName = e.Overlay.displayName;
-const w = i.forwardRef(
+f.displayName = e.Overlay.displayName;
+const w = r.forwardRef(
   ({
     className: t,
     children: a,
     showCloseButton: s = !0,
-    onOpenAutoFocus: r,
-    preventAutoFocus: f,
+    onOpenAutoFocus: i,
+    preventAutoFocus: m,
     ...p
   }, g) => {
     const d = y(null), [u, x] = N(null);
-    return D(() => x(d.current), []), /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ o(m, {}),
+    return D(() => x(d.current), []), /* @__PURE__ */ n(v, { forceMount: !0, children: [
+      /* @__PURE__ */ o(f, {}),
       /* @__PURE__ */ o(b, { value: u, children: /* @__PURE__ */ n(
         e.Content,
         {
@@ -40,7 +40,7 @@ const w = i.forwardRef(
             "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
             t
           ),
-          onOpenAutoFocus: (c) => (f && c.preventDefault(), r == null ? void 0 : r(c)),
+          onOpenAutoFocus: (c) => (m && c.preventDefault(), i == null ? void 0 : i(c)),
           ...p,
           children: [
             a,
@@ -101,7 +101,7 @@ const R = ({
   }
 );
 R.displayName = "DialogFooter";
-const E = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const E = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
@@ -113,7 +113,7 @@ const E = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   }
 ));
 E.displayName = e.Title.displayName;
-const z = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+const z = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -129,7 +129,7 @@ export {
   z as DialogDescription,
   R as DialogFooter,
   C as DialogHeader,
-  m as DialogOverlay,
+  f as DialogOverlay,
   v as DialogPortal,
   E as DialogTitle,
   F as DialogTrigger

package/Popover/Popover.mjs

@@ -1,26 +1,26 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as m from "react";
 import * as o from "@radix-ui/react-popover";
 import { cn as p } from "@oneplatformdev/utils";
 import "../Dialog/Dialog.mjs";
 import { useDialogOverlayContainer as l } from "../Dialog/DialogOverlayScope.mjs";
-const P = o.Root, h = o.Trigger, b = o.Anchor, c = m.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, style: n, ...i }, d) => {
-  const s = l();
-  return /* @__PURE__ */ t(o.Portal, { container: s ?? void 0, children: /* @__PURE__ */ t(
+const P = o.Root, h = o.Trigger, b = o.Anchor, c = m.forwardRef(({ className: a, align: r = "center", sideOffset: n = 4, style: i, ...d }, s) => {
+  const t = l();
+  return console.log("container", t), /* @__PURE__ */ e(o.Portal, { container: t ?? void 0, children: /* @__PURE__ */ e(
     o.Content,
     {
-      ref: d,
-      align: a,
-      sideOffset: r,
+      ref: s,
+      align: r,
+      sideOffset: n,
       className: p(
         "z-90 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        e
+        a
       ),
       style: {
         pointerEvents: "auto",
-        ...n
+        ...i
       },
-      ...i
+      ...d
     }
   ) });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.124",
+  "version": "0.0.1-beta.126",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [