@oneplatformdev/ui 0.0.1-beta.112 → 0.0.1-beta.113

package/Dialog/Dialog.mjs

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-dialog";
-import { X as m } from "lucide-react";
+import { XIcon as p } from "lucide-react";
 import { cn as i } from "@oneplatformdev/utils";
-const h = e.Root, w = e.Trigger, f = e.Portal, v = e.Close, r = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+const v = e.Root, C = e.Trigger, g = e.Portal, R = e.Close, c = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Overlay,
   {
     ref: s,
@@ -14,13 +14,13 @@ const h = e.Root, w = e.Trigger, f = e.Portal, v = e.Close, r = l.forwardRef(({
     ...t
   }
 ));
-r.displayName = e.Overlay.displayName;
-const p = l.forwardRef(({ className: a, children: t, showCloseButton: s = !0, ...d }, c) => /* @__PURE__ */ n(f, { children: [
-  /* @__PURE__ */ o(r, {}),
-  /* @__PURE__ */ n(
+c.displayName = e.Overlay.displayName;
+const u = l.forwardRef(({ className: a, children: t, showCloseButton: s = !0, onOpenAutoFocus: r, ...m }, f) => /* @__PURE__ */ d(g, { children: [
+  /* @__PURE__ */ o(c, {}),
+  /* @__PURE__ */ d(
     e.Content,
     {
-      ref: c,
+      ref: f,
       className: i(
         "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",
@@ -28,23 +28,27 @@ const p = l.forwardRef(({ className: a, children: t, showCloseButton: s = !0, ..
         "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
         a
       ),
-      ...d,
+      onOpenAutoFocus: (n) => (n.preventDefault(), r == null ? void 0 : r(n)),
+      ...m,
       children: [
         t,
-        s && /* @__PURE__ */ n(
+        s && /* @__PURE__ */ d(
           e.Close,
           {
+            tabIndex: 0,
+            "aria-label": "Close",
             className: i(
               "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",
               "opacity-70 hover:opacity-100",
               "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              "hover:bg-accent",
               "disabled:pointer-events-none",
               "transition-opacity"
             ),
             children: [
-              /* @__PURE__ */ o(m, { className: "h-4 w-4" }),
+              /* @__PURE__ */ o(p, { className: "h-4 w-4" }),
               /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -53,8 +57,8 @@ const p = l.forwardRef(({ className: a, children: t, showCloseButton: s = !0, ..
     }
   )
 ] }));
-p.displayName = e.Content.displayName;
-const g = ({
+u.displayName = e.Content.displayName;
+const x = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ o(
@@ -67,8 +71,8 @@ const g = ({
     ...t
   }
 );
-g.displayName = "DialogHeader";
-const u = ({
+x.displayName = "DialogHeader";
+const y = ({
   className: a,
   ...t
 }) => /* @__PURE__ */ o(
@@ -81,8 +85,8 @@ const u = ({
     ...t
   }
 );
-u.displayName = "DialogFooter";
-const x = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+y.displayName = "DialogFooter";
+const N = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
@@ -93,8 +97,8 @@ const x = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
     ...t
   }
 ));
-x.displayName = e.Title.displayName;
-const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+N.displayName = e.Title.displayName;
+const b = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -102,16 +106,16 @@ const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
     ...t
   }
 ));
-y.displayName = e.Description.displayName;
+b.displayName = e.Description.displayName;
 export {
-  h as Dialog,
-  v as DialogClose,
-  p as DialogContent,
-  y as DialogDescription,
-  u as DialogFooter,
-  g as DialogHeader,
-  r as DialogOverlay,
-  f as DialogPortal,
-  x as DialogTitle,
-  w as DialogTrigger
+  v as Dialog,
+  R as DialogClose,
+  u as DialogContent,
+  b as DialogDescription,
+  y as DialogFooter,
+  x as DialogHeader,
+  c as DialogOverlay,
+  g as DialogPortal,
+  N as DialogTitle,
+  C as DialogTrigger
 };

package/package.json

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