@oneplatformdev/ui 0.0.1-beta.145 → 0.0.1-beta.147

package/Dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const Dialog: (props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/Dialog/Dialog.mjs

@@ -1,26 +1,35 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import i, { useState as y, useRef as N } from "react";
-import * as e from "@radix-ui/react-dialog";
+import * as a from "@radix-ui/react-dialog";
 import { XIcon as D } from "lucide-react";
-import { cn as r, composeRefs as b } from "@oneplatformdev/utils";
+import { cn as l, 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(
-  e.Overlay,
+const F = (e) => {
+  const { modal: t, ...s } = e;
+  return /* @__PURE__ */ o(
+    a.Root,
+    {
+      modal: t,
+      ...s
+    }
+  );
+}, H = a.Trigger, v = a.Portal, _ = a.Close, c = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.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
+      e
     ),
     ...t
   }
 ));
-c.displayName = e.Overlay.displayName;
+c.displayName = a.Overlay.displayName;
 const w = i.forwardRef(
   ({
-    className: a,
+    className: e,
     children: t,
-    showCloseButton: l = !0,
+    showCloseButton: s = !0,
     onOpenAutoFocus: n,
     preventAutoFocus: f,
     ...m
@@ -29,27 +38,27 @@ const w = i.forwardRef(
     return /* @__PURE__ */ d(v, { children: [
       /* @__PURE__ */ o(c, {}),
       /* @__PURE__ */ o(h, { value: g, children: /* @__PURE__ */ d(
-        e.Content,
+        a.Content,
         {
-          ref: (s) => {
-            s && b(p, x)(s);
+          ref: (r) => {
+            r && b(p, x)(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
+            e
           ),
-          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(
-              e.Close,
+            s && /* @__PURE__ */ d(
+              a.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",
@@ -72,64 +81,64 @@ const w = i.forwardRef(
       /* @__PURE__ */ o(
         "div",
         {
-          ref: (s) => {
-            s && u(s);
+          ref: (r) => {
+            r && u(r);
           }
         }
       )
     ] });
   }
 );
-w.displayName = e.Content.displayName;
+w.displayName = a.Content.displayName;
 const C = ({
-  className: a,
+  className: e,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: r(
+    className: l(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      a
+      e
     ),
     ...t
   }
 );
 C.displayName = "DialogHeader";
 const R = ({
-  className: a,
+  className: e,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: r(
+    className: l(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
+      e
     ),
     ...t
   }
 );
 R.displayName = "DialogFooter";
-const T = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
-  e.Title,
+const T = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Title,
   {
-    ref: l,
-    className: r(
+    ref: s,
+    className: l(
       "text-lg font-semibold leading-none tracking-tight",
-      a
+      e
     ),
     ...t
   }
 ));
-T.displayName = e.Title.displayName;
-const j = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
-  e.Description,
+T.displayName = a.Title.displayName;
+const j = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Description,
   {
-    ref: l,
-    className: r("text-sm text-muted-foreground", a),
+    ref: s,
+    className: l("text-sm text-muted-foreground", e),
     ...t
   }
 ));
-j.displayName = e.Description.displayName;
+j.displayName = a.Description.displayName;
 export {
   F as Dialog,
   _ as DialogClose,

package/package.json

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