@facter/ds-core 1.27.0 → 1.29.0

package/dist/index.d.mts

@@ -711,6 +711,8 @@ declare const dialogContentVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
     showCloseButton?: boolean;
+    /** Disable the mesh gradient + grid pattern effect (default: false) */
+    disableMeshEffect?: boolean;
 }
 declare const DialogContent: React$1.NamedExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -711,6 +711,8 @@ declare const dialogContentVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
     showCloseButton?: boolean;
+    /** Disable the mesh gradient + grid pattern effect (default: false) */
+    disableMeshEffect?: boolean;
 }
 declare const DialogContent: React$1.NamedExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -2525,6 +2525,38 @@ var DataTable = Object.assign(DataTableRoot, {
   // Column utilities (para uso em column definitions)
   ColumnHeader: DataTableColumnHeader
 });
+function DialogMeshEffect() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 overflow-hidden rounded-t-lg pointer-events-none", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
@@ -2535,9 +2567,7 @@ var DialogOverlay = React10__namespace.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
@@ -2578,17 +2608,18 @@ var dialogContentVariants = classVarianceAuthority.cva(
   }
 );
 var DialogContent = React10__namespace.memo(
-  React10__namespace.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  React10__namespace.forwardRef(({ className, children, showCloseButton = true, disableMeshEffect = false, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(
       DialogPrimitive__namespace.Content,
       {
         ref,
-        className: cn(dialogContentVariants({ size, className })),
+        className: cn(dialogContentVariants({ size, className }), "overflow-hidden"),
         ...props,
         children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 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: [
+          !disableMeshEffect && /* @__PURE__ */ jsxRuntime.jsx(DialogMeshEffect, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-[1]", children }),
+          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Fechar" })
           ] })
@@ -2643,7 +2674,7 @@ var DialogDescription = React10__namespace.memo(
     DialogPrimitive__namespace.Description,
     {
       ref,
-      className: cn("text-[0.920rem] text-muted-foreground", className),
+      className: cn("text-sm text-muted-foreground", className),
       ...props
     }
   ))