@firecms/ui 3.0.0-canary.220 → 3.0.0-canary.221

package/dist/components/Dialog.d.ts

@@ -4,6 +4,7 @@ export type DialogProps = {
     onOpenChange?: (open: boolean) => void;
     children: React.ReactNode;
     className?: string;
+    containerClassName?: string;
     fullWidth?: boolean;
     fullHeight?: boolean;
     fullScreen?: boolean;
@@ -29,5 +30,5 @@ declare const widthClasses: {
     "7xl": string;
     full: string;
 };
-export declare const Dialog: ({ open, onOpenChange, children, className, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ open, onOpenChange, children, className, containerClassName, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus, onEscapeKeyDown, onPointerDownOutside, onInteractOutside }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.es.js

@@ -27975,12 +27975,13 @@ const widthClasses = {
   full: "max-w-full min-w-full w-full"
 };
 const Dialog = (t0) => {
-  const $ = c(36);
+  const $ = c(39);
   const {
     open,
     onOpenChange,
     children,
     className,
+    containerClassName,
     fullWidth: t1,
     fullHeight,
     fullScreen,
@@ -28021,107 +28022,116 @@ const Dialog = (t0) => {
   }
   useEffect(t5, t6);
   const t7 = displayed || open;
-  const t8 = displayed && open ? "opacity-100" : "opacity-0";
-  let t9;
-  if ($[3] !== t8) {
-    t9 = cls("fixed inset-0 transition-opacity z-20 ease-in-out duration-200 bg-black bg-opacity-50 dark:bg-opacity-60 backdrop-blur-sm ", t8, "z-20 fixed top-0 left-0 w-full h-full flex justify-center items-center");
-    $[3] = t8;
-    $[4] = t9;
+  let t8;
+  if ($[3] !== containerClassName) {
+    t8 = cls("fixed inset-0 z-30", containerClassName);
+    $[3] = containerClassName;
+    $[4] = t8;
   } else {
-    t9 = $[4];
+    t8 = $[4];
   }
-  const t10 = displayed ? "auto" : "none";
-  let t11;
-  if ($[5] !== t10) {
-    t11 = {
-      pointerEvents: t10
-    };
-    $[5] = t10;
-    $[6] = t11;
+  const t9 = displayed && open ? "opacity-100" : "opacity-0";
+  let t10;
+  if ($[5] !== t9) {
+    t10 = cls("fixed inset-0 transition-opacity z-20 ease-in-out duration-200 bg-black bg-opacity-50 dark:bg-opacity-60 backdrop-blur-sm ", t9, "z-20 fixed top-0 left-0 w-full h-full flex justify-center items-center");
+    $[5] = t9;
+    $[6] = t10;
   } else {
-    t11 = $[6];
+    t10 = $[6];
   }
+  const t11 = displayed ? "auto" : "none";
   let t12;
-  if ($[7] !== t11 || $[8] !== t9) {
-    t12 = /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: t9, style: t11 });
+  if ($[7] !== t11) {
+    t12 = {
+      pointerEvents: t11
+    };
     $[7] = t11;
-    $[8] = t9;
-    $[9] = t12;
+    $[8] = t12;
   } else {
-    t12 = $[9];
+    t12 = $[8];
   }
   let t13;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = cls("h-full outline-none flex justify-center items-center z-40 opacity-100 transition-all duration-200 ease-in-out");
-    $[10] = t13;
-  } else {
-    t13 = $[10];
-  }
-  const t14 = fullWidth && !fullScreen ? "w-11/12" : void 0;
-  const t15 = fullHeight && !fullScreen ? "h-full" : void 0;
-  const t16 = fullScreen ? "h-screen w-screen" : "max-h-[90vh] shadow-xl";
-  const t17 = scrollable && "overflow-y-auto";
-  const t18 = displayed && open ? "opacity-100" : "opacity-0";
-  const t19 = maxWidth && !fullScreen ? widthClasses[maxWidth] : void 0;
-  let t20;
-  if ($[11] !== className || $[12] !== t14 || $[13] !== t15 || $[14] !== t16 || $[15] !== t17 || $[16] !== t18 || $[17] !== t19) {
-    t20 = cls(paperMixin, "z-30", "relative", "outline-none focus:outline-none", t14, t15, "text-surface-accent-900 dark:text-white", "justify-center items-center", t16, "ease-in-out duration-200", t17, t18, t19, className);
-    $[11] = className;
+  if ($[9] !== t10 || $[10] !== t12) {
+    t13 = /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: t10, style: t12 });
+    $[9] = t10;
+    $[10] = t12;
+    $[11] = t13;
+  } else {
+    t13 = $[11];
+  }
+  let t14;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = cls("h-full outline-none flex justify-center items-center z-40 opacity-100 transition-all duration-200 ease-in-out");
     $[12] = t14;
-    $[13] = t15;
-    $[14] = t16;
-    $[15] = t17;
-    $[16] = t18;
-    $[17] = t19;
-    $[18] = t20;
   } else {
-    t20 = $[18];
+    t14 = $[12];
   }
+  const t15 = fullWidth && !fullScreen ? "w-11/12" : void 0;
+  const t16 = fullHeight && !fullScreen ? "h-full" : void 0;
+  const t17 = fullScreen ? "h-screen w-screen" : "max-h-[90vh] shadow-xl";
+  const t18 = scrollable && "overflow-y-auto";
+  const t19 = displayed && open ? "opacity-100" : "opacity-0";
+  const t20 = maxWidth && !fullScreen ? widthClasses[maxWidth] : void 0;
   let t21;
-  if ($[19] !== children || $[20] !== t20) {
-    t21 = /* @__PURE__ */ jsx("div", { className: t20, children });
-    $[19] = children;
-    $[20] = t20;
-    $[21] = t21;
+  if ($[13] !== className || $[14] !== t15 || $[15] !== t16 || $[16] !== t17 || $[17] !== t18 || $[18] !== t19 || $[19] !== t20) {
+    t21 = cls(paperMixin, "z-30", "relative", "outline-none focus:outline-none", t15, t16, "text-surface-accent-900 dark:text-white", "justify-center items-center", t17, "ease-in-out duration-200", t18, t19, t20, className);
+    $[13] = className;
+    $[14] = t15;
+    $[15] = t16;
+    $[16] = t17;
+    $[17] = t18;
+    $[18] = t19;
+    $[19] = t20;
+    $[20] = t21;
   } else {
-    t21 = $[21];
+    t21 = $[20];
   }
   let t22;
-  if ($[22] !== onEscapeKeyDown || $[23] !== onInteractOutside || $[24] !== onOpenAutoFocus || $[25] !== onPointerDownOutside || $[26] !== t21) {
-    t22 = /* @__PURE__ */ jsx(DialogPrimitive.Content, { onEscapeKeyDown, onOpenAutoFocus, onPointerDownOutside, onInteractOutside, className: t13, children: t21 });
-    $[22] = onEscapeKeyDown;
-    $[23] = onInteractOutside;
-    $[24] = onOpenAutoFocus;
-    $[25] = onPointerDownOutside;
-    $[26] = t21;
-    $[27] = t22;
+  if ($[21] !== children || $[22] !== t21) {
+    t22 = /* @__PURE__ */ jsx("div", { className: t21, children });
+    $[21] = children;
+    $[22] = t21;
+    $[23] = t22;
   } else {
-    t22 = $[27];
+    t22 = $[23];
   }
   let t23;
-  if ($[28] !== t12 || $[29] !== t22) {
-    t23 = /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-30", children: [
-      t12,
-      t22
-    ] }) });
-    $[28] = t12;
-    $[29] = t22;
-    $[30] = t23;
+  if ($[24] !== onEscapeKeyDown || $[25] !== onInteractOutside || $[26] !== onOpenAutoFocus || $[27] !== onPointerDownOutside || $[28] !== t22) {
+    t23 = /* @__PURE__ */ jsx(DialogPrimitive.Content, { onEscapeKeyDown, onOpenAutoFocus, onPointerDownOutside, onInteractOutside, className: t14, children: t22 });
+    $[24] = onEscapeKeyDown;
+    $[25] = onInteractOutside;
+    $[26] = onOpenAutoFocus;
+    $[27] = onPointerDownOutside;
+    $[28] = t22;
+    $[29] = t23;
   } else {
-    t23 = $[30];
+    t23 = $[29];
   }
   let t24;
-  if ($[31] !== modal || $[32] !== onOpenChange || $[33] !== t23 || $[34] !== t7) {
-    t24 = /* @__PURE__ */ jsx(DialogPrimitive.Root, { open: t7, modal, onOpenChange, children: t23 });
-    $[31] = modal;
-    $[32] = onOpenChange;
-    $[33] = t23;
-    $[34] = t7;
-    $[35] = t24;
+  if ($[30] !== t13 || $[31] !== t23 || $[32] !== t8) {
+    t24 = /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs("div", { className: t8, children: [
+      t13,
+      t23
+    ] }) });
+    $[30] = t13;
+    $[31] = t23;
+    $[32] = t8;
+    $[33] = t24;
   } else {
-    t24 = $[35];
+    t24 = $[33];
   }
-  return t24;
+  let t25;
+  if ($[34] !== modal || $[35] !== onOpenChange || $[36] !== t24 || $[37] !== t7) {
+    t25 = /* @__PURE__ */ jsx(DialogPrimitive.Root, { open: t7, modal, onOpenChange, children: t24 });
+    $[34] = modal;
+    $[35] = onOpenChange;
+    $[36] = t24;
+    $[37] = t7;
+    $[38] = t25;
+  } else {
+    t25 = $[38];
+  }
+  return t25;
 };
 function _temp$2() {
 }