@oneplatformdev/ui 0.0.1-beta.139 → 0.0.1-beta.140

package/Dialog/Dialog.mjs

@@ -1,14 +1,14 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import i, { useState as y, useRef as N } from "react";
+import i, { useState as x, useRef as y } from "react";
 import * as e from "@radix-ui/react-dialog";
-import { XIcon as D } from "lucide-react";
-import { cn as r, composeRefs as b } from "@oneplatformdev/utils";
-import { DialogOverlayScope as h } from "./DialogOverlayScope.mjs";
-const F = e.Root, H = e.Trigger, v = e.Portal, _ = e.Close, c = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
+import { XIcon as N } from "lucide-react";
+import { cn as l, composeRefs as D } from "@oneplatformdev/utils";
+import { DialogOverlayScope as b } from "./DialogOverlayScope.mjs";
+const F = e.Root, H = e.Trigger, h = e.Portal, _ = e.Close, c = i.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
-    ref: l,
-    className: r(
+    ref: s,
+    className: l(
       "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",
       a
     ),
@@ -16,40 +16,40 @@ const F = e.Root, H = e.Trigger, v = e.Portal, _ = e.Close, c = i.forwardRef(({
   }
 ));
 c.displayName = e.Overlay.displayName;
-const w = i.forwardRef(
+const v = i.forwardRef(
   ({
     className: a,
     children: t,
-    showCloseButton: l = !0,
+    showCloseButton: s = !0,
     onOpenAutoFocus: n,
     preventAutoFocus: f,
     ...m
   }, p) => {
-    const [g, u] = y(null), x = N(null);
-    return /* @__PURE__ */ d(v, { children: [
+    const [g, j] = x(null), u = y(null);
+    return /* @__PURE__ */ d(h, { children: [
       /* @__PURE__ */ o(c, {}),
-      /* @__PURE__ */ o(h, { value: g, children: /* @__PURE__ */ d(
+      /* @__PURE__ */ o(b, { value: g, children: /* @__PURE__ */ d(
         e.Content,
         {
-          ref: (s) => {
-            s && b(p, x)(s);
+          ref: (r) => {
+            r && D(p, u)(r);
           },
-          className: r(
+          className: l(
             "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]",
             a
           ),
-          onOpenAutoFocus: (s) => (f && s.preventDefault(), n == null ? void 0 : n(s)),
+          onOpenAutoFocus: (r) => (f && r.preventDefault(), n == null ? void 0 : n(r)),
           ...m,
           children: [
             t,
-            l && /* @__PURE__ */ d(
+            s && /* @__PURE__ */ d(
               e.Close,
               {
                 "aria-label": "Close",
-                className: r(
+                className: l(
                   "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",
@@ -61,7 +61,7 @@ const w = i.forwardRef(
                   "transition-opacity"
                 ),
                 children: [
-                  /* @__PURE__ */ o(D, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o(N, { className: "h-4 w-4" }),
                   /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
                 ]
               }
@@ -72,73 +72,72 @@ const w = i.forwardRef(
       /* @__PURE__ */ o(
         "div",
         {
-          ref: (s) => {
-            s && u(s);
+          ref: (r) => {
           }
         }
       )
     ] });
   }
 );
-w.displayName = e.Content.displayName;
-const C = ({
+v.displayName = e.Content.displayName;
+const w = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: r(
+    className: l(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       a
     ),
     ...t
   }
 );
-C.displayName = "DialogHeader";
-const R = ({
+w.displayName = "DialogHeader";
+const C = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: r(
+    className: l(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       a
     ),
     ...t
   }
 );
-R.displayName = "DialogFooter";
-const T = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
+C.displayName = "DialogFooter";
+const R = i.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Title,
   {
-    ref: l,
-    className: r(
+    ref: s,
+    className: l(
       "text-lg font-semibold leading-none tracking-tight",
       a
     ),
     ...t
   }
 ));
-T.displayName = e.Title.displayName;
-const j = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
+R.displayName = e.Title.displayName;
+const T = i.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Description,
   {
-    ref: l,
-    className: r("text-sm text-muted-foreground", a),
+    ref: s,
+    className: l("text-sm text-muted-foreground", a),
     ...t
   }
 ));
-j.displayName = e.Description.displayName;
+T.displayName = e.Description.displayName;
 export {
   F as Dialog,
   _ as DialogClose,
-  w as DialogContent,
-  j as DialogDescription,
-  R as DialogFooter,
-  C as DialogHeader,
+  v as DialogContent,
+  T as DialogDescription,
+  C as DialogFooter,
+  w as DialogHeader,
   c as DialogOverlay,
-  v as DialogPortal,
-  T as DialogTitle,
+  h as DialogPortal,
+  R as DialogTitle,
   H 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: React.FC<PopoverPrimitive.PopoverProps>;
+declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 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 t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as p from "react";
 import * as o from "@radix-ui/react-popover";
 import { cn as l } from "@oneplatformdev/utils";
-import { useDialogOverlayContainer as c } from "../Dialog/DialogOverlayScope.mjs";
-const P = o.Root, h = o.Trigger, b = o.Anchor, f = p.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, style: n, avoidCollisions: i = !0, ...d }, s) => {
-  const m = c();
-  return /* @__PURE__ */ t(o.Portal, { container: m, children: /* @__PURE__ */ t(
+import { useDialogOverlayContainer as f } from "../Dialog/DialogOverlayScope.mjs";
+const P = (t) => /* @__PURE__ */ e(o.Root, { ...t, modal: !1 }), h = o.Trigger, b = o.Anchor, c = p.forwardRef(({ className: t, align: a = "center", sideOffset: r = 4, style: n, avoidCollisions: i = !0, ...d }, s) => {
+  const m = f();
+  return /* @__PURE__ */ e(o.Portal, { container: m, children: /* @__PURE__ */ e(
     o.Content,
     {
       ref: s,
@@ -13,7 +13,7 @@ const P = o.Root, h = o.Trigger, b = o.Anchor, f = p.forwardRef(({ className: e,
       sideOffset: r,
       className: l(
         "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",
-        e
+        t
       ),
       style: {
         pointerEvents: "auto",
@@ -24,10 +24,10 @@ const P = o.Root, h = o.Trigger, b = o.Anchor, f = p.forwardRef(({ className: e,
     }
   ) });
 });
-f.displayName = o.Content.displayName;
+c.displayName = o.Content.displayName;
 export {
   P as Popover,
   b as PopoverAnchor,
-  f as PopoverContent,
+  c as PopoverContent,
   h as PopoverTrigger
 };

package/package.json

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