@facter/ds-core 1.28.0 → 1.29.0

package/dist/index.mjs

@@ -2494,6 +2494,38 @@ var DataTable = Object.assign(DataTableRoot, {
   // Column utilities (para uso em column definitions)
   ColumnHeader: DataTableColumnHeader
 });
+function DialogMeshEffect() {
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden rounded-t-lg pointer-events-none", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0",
+        style: {
+          background: `
+            radial-gradient(ellipse at 30% -20%, hsl(var(--primary) / 0.2) 0%, transparent 60%),
+            radial-gradient(ellipse at 80% -10%, hsl(var(--primary) / 0.14) 0%, transparent 55%),
+            linear-gradient(to bottom, hsl(var(--primary) / 0.06), transparent 50%)
+          `
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0",
+        style: {
+          backgroundImage: `
+            linear-gradient(hsl(var(--primary) / 0.07) 1px, transparent 1px),
+            linear-gradient(90deg, hsl(var(--primary) / 0.07) 1px, transparent 1px)
+          `,
+          backgroundSize: "28px 28px",
+          mask: "linear-gradient(to bottom, black 0%, transparent 50%)",
+          WebkitMask: "linear-gradient(to bottom, black 0%, transparent 50%)"
+        }
+      }
+    )
+  ] });
+}
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
@@ -2504,9 +2536,7 @@ var DialogOverlay = React10.memo(
     {
       ref,
       className: cn(
-        "fixed inset-0 z-50 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",
+        "fixed inset-0 z-50 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",
         className
       ),
       ...props
@@ -2547,16 +2577,17 @@ var dialogContentVariants = cva(
   }
 );
 var DialogContent = React10.memo(
-  React10.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  React10.forwardRef(({ className, children, showCloseButton = true, disableMeshEffect = false, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
       {
         ref,
-        className: cn(dialogContentVariants({ size, className })),
+        className: cn(dialogContentVariants({ size, className }), "overflow-hidden"),
         ...props,
         children: [
-          children,
+          !disableMeshEffect && /* @__PURE__ */ jsx(DialogMeshEffect, {}),
+          /* @__PURE__ */ jsx("div", { className: "relative z-[1]", children }),
           showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-50 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
             /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Fechar" })
@@ -2612,7 +2643,7 @@ var DialogDescription = React10.memo(
     DialogPrimitive.Description,
     {
       ref,
-      className: cn("text-[0.920rem] text-muted-foreground", className),
+      className: cn("text-sm text-muted-foreground", className),
       ...props
     }
   ))