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

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 t 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(
-  e.Overlay,
+const F = (e) => {
+  const { modal: a = !1, ...s } = e;
+  return /* @__PURE__ */ o(
+    t.Root,
+    {
+      modal: a,
+      ...s
+    }
+  );
+}, H = t.Trigger, v = t.Portal, _ = t.Close, c = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Overlay,
   {
-    ref: l,
+    ref: s,
     className: r(
       "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
+    ...a
   }
 ));
-c.displayName = e.Overlay.displayName;
+c.displayName = t.Overlay.displayName;
 const w = i.forwardRef(
   ({
-    className: a,
-    children: t,
-    showCloseButton: l = !0,
+    className: e,
+    children: a,
+    showCloseButton: s = !0,
     onOpenAutoFocus: n,
     preventAutoFocus: f,
     ...m
@@ -29,24 +38,24 @@ const w = i.forwardRef(
     return /* @__PURE__ */ d(v, { children: [
       /* @__PURE__ */ o(c, {}),
       /* @__PURE__ */ o(h, { value: g, children: /* @__PURE__ */ d(
-        e.Content,
+        t.Content,
         {
-          ref: (s) => {
-            s && b(p, x)(s);
+          ref: (l) => {
+            l && b(p, x)(l);
           },
           className: r(
             "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: (l) => (f && l.preventDefault(), n == null ? void 0 : n(l)),
           ...m,
           children: [
-            t,
-            l && /* @__PURE__ */ d(
-              e.Close,
+            a,
+            s && /* @__PURE__ */ d(
+              t.Close,
               {
                 "aria-label": "Close",
                 className: r(
@@ -72,64 +81,64 @@ const w = i.forwardRef(
       /* @__PURE__ */ o(
         "div",
         {
-          ref: (s) => {
-            s && u(s);
+          ref: (l) => {
+            l && u(l);
           }
         }
       )
     ] });
   }
 );
-w.displayName = e.Content.displayName;
+w.displayName = t.Content.displayName;
 const C = ({
-  className: a,
-  ...t
+  className: e,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
     className: r(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      a
+      e
     ),
-    ...t
+    ...a
   }
 );
 C.displayName = "DialogHeader";
 const R = ({
-  className: a,
-  ...t
+  className: e,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
     className: r(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
+      e
     ),
-    ...t
+    ...a
   }
 );
 R.displayName = "DialogFooter";
-const T = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
-  e.Title,
+const T = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Title,
   {
-    ref: l,
+    ref: s,
     className: r(
       "text-lg font-semibold leading-none tracking-tight",
-      a
+      e
     ),
-    ...t
+    ...a
   }
 ));
-T.displayName = e.Title.displayName;
-const j = i.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ o(
-  e.Description,
+T.displayName = t.Title.displayName;
+const j = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Description,
   {
-    ref: l,
-    className: r("text-sm text-muted-foreground", a),
-    ...t
+    ref: s,
+    className: r("text-sm text-muted-foreground", e),
+    ...a
   }
 ));
-j.displayName = e.Description.displayName;
+j.displayName = t.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.146",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [