@oneplatformdev/ui 0.0.1-beta.134 → 0.0.1-beta.135

package/Dialog/Dialog.mjs

@@ -1,64 +1,66 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import n, { useState as x, useEffect as N, useRef as b, useMemo as D } from "react";
+import i, { useState as p, useEffect as b, useRef as D, useMemo as h } from "react";
 import * as e from "@radix-ui/react-dialog";
-import { XIcon as h } from "lucide-react";
-import { cn as l, composeRefs as v } from "@oneplatformdev/utils";
-import { DialogOverlayScope as C } from "./DialogOverlayScope.mjs";
-const _ = e.Root, q = e.Trigger, w = e.Portal, B = e.Close, p = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+import { XIcon as v } from "lucide-react";
+import { cn as n, composeRefs as C } from "@oneplatformdev/utils";
+import { DialogOverlayScope as w } from "./DialogOverlayScope.mjs";
+const q = e.Root, B = e.Trigger, R = e.Portal, I = e.Close, g = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
-    className: l(
+    className: n(
       "fixed inset-0 z-40 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
     ...a
   }
 ));
-p.displayName = e.Overlay.displayName;
-const R = n.forwardRef(
+g.displayName = e.Overlay.displayName;
+const E = i.forwardRef(
   ({
     className: t,
     children: a,
     showCloseButton: s = !0,
     onOpenAutoFocus: d,
     preventAutoFocus: u,
-    ...g
-  }, f) => {
-    const [r] = x(() => {
+    ...y
+  }, m) => {
+    const [l] = p(() => {
       if (typeof document > "u") return null;
-      const i = document.createElement("div");
-      return i.setAttribute("data-dialog-portal", ""), i;
-    });
-    N(() => {
-      if (r)
-        return document.body.appendChild(r), () => {
-          r.remove();
+      const r = document.createElement("div");
+      return r.setAttribute("data-dialog-portal", ""), r;
+    }), [x, N] = p();
+    b(() => {
+      if (l)
+        return document.body.appendChild(l), () => {
+          l.remove();
         };
-    }, [r]);
-    const m = b(null), y = D(() => v(f, m), [f]);
-    return console.log("localRef", m), r ? /* @__PURE__ */ c(w, { children: [
-      /* @__PURE__ */ o(p, {}),
-      /* @__PURE__ */ o(C, { value: r, children: /* @__PURE__ */ c(
+    }, [l]);
+    const f = D(null);
+    return h(() => C(m, f), [m]), console.log("localRef", f), console.log("portalEl", l), console.log("container", x), l ? /* @__PURE__ */ c(R, { children: [
+      /* @__PURE__ */ o(g, {}),
+      /* @__PURE__ */ o(w, { value: l, children: /* @__PURE__ */ c(
         e.Content,
         {
-          ref: y,
-          className: l(
+          ref: (r) => {
+            N(r);
+          },
+          className: n(
             "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg",
             "duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
             "max-w-[90%] max-h-[90%] overflow-hidden",
             "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
             t
           ),
-          onOpenAutoFocus: (i) => (u && i.preventDefault(), d == null ? void 0 : d(i)),
-          ...g,
+          onOpenAutoFocus: (r) => (u && r.preventDefault(), d == null ? void 0 : d(r)),
+          ...y,
           children: [
             a,
             s && /* @__PURE__ */ c(
               e.Close,
               {
                 "aria-label": "Close",
-                className: l(
+                className: n(
                   "absolute right-4 top-4 rounded-sm ring-offset-background w-10 aspect-square",
                   "flex items-center justify-center",
                   "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
@@ -70,7 +72,7 @@ const R = n.forwardRef(
                   "transition-opacity"
                 ),
                 children: [
-                  /* @__PURE__ */ o(h, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o(v, { className: "h-4 w-4" }),
                   /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -81,65 +83,65 @@ const R = n.forwardRef(
     ] }) : null;
   }
 );
-R.displayName = e.Content.displayName;
-const E = ({
+E.displayName = e.Content.displayName;
+const T = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: n(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       t
     ),
     ...a
   }
 );
-E.displayName = "DialogHeader";
-const T = ({
+T.displayName = "DialogHeader";
+const j = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: n(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       t
     ),
     ...a
   }
 );
-T.displayName = "DialogFooter";
-const j = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+j.displayName = "DialogFooter";
+const k = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
-    className: l(
+    className: n(
       "text-lg font-semibold leading-none tracking-tight",
       t
     ),
     ...a
   }
 ));
-j.displayName = e.Title.displayName;
-const k = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+k.displayName = e.Title.displayName;
+const z = i.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
-    className: l("text-sm text-muted-foreground", t),
+    className: n("text-sm text-muted-foreground", t),
     ...a
   }
 ));
-k.displayName = e.Description.displayName;
+z.displayName = e.Description.displayName;
 export {
-  _ as Dialog,
-  B as DialogClose,
-  R as DialogContent,
-  k as DialogDescription,
-  T as DialogFooter,
-  E as DialogHeader,
-  p as DialogOverlay,
-  w as DialogPortal,
-  j as DialogTitle,
-  q as DialogTrigger
+  q as Dialog,
+  I as DialogClose,
+  E as DialogContent,
+  z as DialogDescription,
+  j as DialogFooter,
+  T as DialogHeader,
+  g as DialogOverlay,
+  R as DialogPortal,
+  k as DialogTitle,
+  B as DialogTrigger
 };

package/Popover/Popover.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/Popover/Popover.mjs

@@ -1,11 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } 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 { useDialogOverlayContainer as l } from "../Dialog/DialogOverlayScope.mjs";
-const u = (t) => /* @__PURE__ */ e(o.Root, { ...t, modal: !1 }), P = o.Trigger, h = o.Anchor, f = m.forwardRef(({ className: t, align: a = "center", sideOffset: r = 4, style: n, ...i }, d) => {
+const u = o.Root, P = o.Trigger, h = o.Anchor, c = m.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, style: n, ...i }, d) => {
   const s = l();
-  return /* @__PURE__ */ e(o.Portal, { container: s, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(o.Portal, { container: s, children: /* @__PURE__ */ t(
     o.Content,
     {
       ref: d,
@@ -13,7 +13,7 @@ const u = (t) => /* @__PURE__ */ e(o.Root, { ...t, modal: !1 }), P = o.Trigger,
       sideOffset: r,
       className: p(
         "z-50 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",
-        t
+        e
       ),
       style: {
         pointerEvents: "auto",
@@ -23,10 +23,10 @@ const u = (t) => /* @__PURE__ */ e(o.Root, { ...t, modal: !1 }), P = o.Trigger,
     }
   ) });
 });
-f.displayName = o.Content.displayName;
+c.displayName = o.Content.displayName;
 export {
   u as Popover,
   h as PopoverAnchor,
-  f as PopoverContent,
+  c as PopoverContent,
   P as PopoverTrigger
 };

package/package.json

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