@nswds/app 1.78.0 → 1.78.1

package/dist/globals.css

@@ -2617,12 +2617,6 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
-  .bg-black\/80 {
-    background-color: color-mix(in srgb, #000 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
-    }
-  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -7959,11 +7953,6 @@
       --tw-exit-translate-x: -100%;
     }
   }
-  .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
-    &[data-state="closed"] {
-      --tw-exit-translate-x: -50%;
-    }
-  }
   .data-\[state\=closed\]\:slide-out-to-right {
     &[data-state="closed"] {
       --tw-exit-translate-x: 100%;
@@ -7979,11 +7968,6 @@
       --tw-exit-translate-y: -0.5rem;
     }
   }
-  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
-    &[data-state="closed"] {
-      --tw-exit-translate-y: -48%;
-    }
-  }
   .data-\[state\=closed\]\:zoom-out-95 {
     &[data-state="closed"] {
       --tw-exit-scale: .95;
@@ -8167,11 +8151,6 @@
       --tw-enter-translate-x: -100%;
     }
   }
-  .data-\[state\=open\]\:slide-in-from-left-1\/2 {
-    &[data-state="open"] {
-      --tw-enter-translate-x: -50%;
-    }
-  }
   .data-\[state\=open\]\:slide-in-from-right {
     &[data-state="open"] {
       --tw-enter-translate-x: 100%;
@@ -8187,11 +8166,6 @@
       --tw-enter-translate-y: -0.5rem;
     }
   }
-  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
-    &[data-state="open"] {
-      --tw-enter-translate-y: -48%;
-    }
-  }
   .data-\[state\=open\]\:zoom-in-90 {
     &[data-state="open"] {
       --tw-enter-scale: .9;
@@ -8720,15 +8694,6 @@
       gap: calc(var(--spacing) * 4);
     }
   }
-  .sm\:space-x-2 {
-    @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-      }
-    }
-  }
   .sm\:divide-x {
     @media (width >= 40rem) {
       :where(& > :not(:last-child)) {
@@ -8750,11 +8715,6 @@
       }
     }
   }
-  .sm\:rounded-lg {
-    @media (width >= 40rem) {
-      border-radius: var(--radius-lg);
-    }
-  }
   .sm\:border-x {
     @media (width >= 40rem) {
       border-inline-style: var(--tw-border-style);

package/dist/index.cjs

@@ -4556,89 +4556,132 @@ function TouchTarget({ children }) {
     children
   ] });
 }
-var AlertDialog = AlertDialogPrimitive__namespace.Root;
-var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
-var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Content,
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+var AlertDialogOverlay = React5__namespace.forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Overlay,
     {
       ref,
+      "data-slot": "alert-dialog-overlay",
       className: cn(
-        "fixed top-[50%] left-[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=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] data-[state=open]:zoom-in-95 sm:rounded-lg",
+        "fixed inset-0 z-50 bg-black/50",
+        "data-[state=closed]:animate-out data-[state=open]:animate-in",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
       ),
       ...props
     }
-  )
-] }));
-AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold", className),
-    ...props
-  }
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-function AlertDialogAction({
+  );
+});
+var AlertDialogContent = React5__namespace.forwardRef(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialogPrimitive__namespace.Content,
+      {
+        ref,
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 sm:max-w-lg",
+          "data-[state=closed]:animate-out data-[state=open]:animate-in",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+function AlertDialogHeader(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...rest
+    }
+  );
+}
+function AlertDialogFooter(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...rest
+    }
+  );
+}
+var AlertDialogTitle = React5__namespace.forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Title,
+    {
+      ref,
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+});
+var AlertDialogDescription = React5__namespace.forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Description,
+    {
+      ref,
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+var AlertDialogAction = React5__namespace.forwardRef(function AlertDialogAction2({ className, variant, size, color: color2, ...props }, ref) {
+  const variants = {
+    ...variant && { variant },
+    ...size && { size },
+    ...typeof color2 !== "undefined" && { color: color2 }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Action,
+    {
+      ref,
+      className: cn(buttonVariants(variants), className),
+      ...props
+    }
+  );
+});
+var AlertDialogCancel = React5__namespace.forwardRef(function AlertDialogCancel2({
   className,
   variant,
-  color: color2,
   size,
+  /* color if defined */
+  color: color2,
   ...props
-}) {
+}, ref) {
+  const variants = {
+    variant: variant ?? "outline",
+    ...size && { size },
+    ...typeof color2 !== "undefined" && { color: color2 }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Action,
+    AlertDialogPrimitive__namespace.Cancel,
     {
-      className: cn(buttonVariants({ variant, color: color2, size }), className),
+      ref,
+      className: cn(buttonVariants(variants), className),
       ...props
     }
   );
-}
-AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AlertDialogPrimitive__namespace.Cancel,
-  {
-    ref,
-    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
-    ...props
-  }
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+});
 var useOnWindowResize = (handler) => {
   React5__namespace.useEffect(() => {
     const handleResize = () => {
@@ -17484,7 +17527,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.77.3"};
+  version: "1.78.0"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";