@wealthx/shadcn 1.2.1 → 1.3.0

package/dist/{chunk-JNQORUPP.mjs → chunk-YJG55G2H.mjs}

@@ -2,7 +2,10 @@ import {
   FALLBACK_PRIMARY,
   FALLBACK_SECONDARY,
   FALLBACK_TICK
-} from "./chunk-FZIXGLMV.mjs";
+} from "./chunk-M3FV7LOK.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
 import {
   Empty,
   EmptyDescription
@@ -12,7 +15,7 @@ import {
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-CLIN5525.mjs";
+} from "./chunk-C7CQJNMR.mjs";
 import {
   Spinner
 } from "./chunk-7YAU5CY6.mjs";
@@ -36,13 +39,13 @@ import {
 import ChartDataLabels from "chartjs-plugin-datalabels";
 import { Chart } from "react-chartjs-2";
 import { jsx, jsxs } from "react/jsx-runtime";
-ChartJS.register(CategoryScale, LinearScale, BarController, BarElement, Tooltip);
-function formatDollar(value) {
-  return `$${value.toLocaleString(void 0, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })}`;
-}
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarController,
+  BarElement,
+  Tooltip
+);
 function TransactionsIncomeExpenseBarChart({
   totalIncome,
   totalExpense,
@@ -85,7 +88,7 @@ function TransactionsIncomeExpenseBarChart({
                 color: FALLBACK_SECONDARY,
                 textAlign: "left",
                 // Returns array for multi-line: dollar value on line 1, blank on line 2
-                formatter: (v) => [formatDollar(v), ""]
+                formatter: (v) => [formatCurrency(v, { decimals: 2 }), ""]
               },
               name: {
                 anchor: "end",
@@ -149,7 +152,7 @@ function TransactionsIncomeExpenseBarChart({
       className: cn("w-full py-4 sm:py-6 gap-2", className),
       style: { maxWidth: width, fontFamily },
       children: [
-        /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }) }),
+        /* @__PURE__ */ jsx(CardHeader, { className: "px-3 sm:px-6", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wide", children: title }) }),
         /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(
           "div",
           {

package/dist/chunk-ZC45IGZO.mjs

@@ -0,0 +1,388 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6JQFUE5I.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Button
+} from "./chunk-XREGSKX3.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/sidebar-nav.tsx
+import * as React from "react";
+import {
+  ChevronDown,
+  ChevronRight,
+  Info,
+  LogOut,
+  PanelLeftClose,
+  PanelLeftOpen
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+}
+function navIconCn(isActive) {
+  return cn(
+    "shrink-0 transition-colors",
+    isActive ? "text-primary" : "text-brand-secondary-foreground/50 group-hover:text-brand-secondary-foreground"
+  );
+}
+function NavTooltip({ label, collapsed, children }) {
+  if (!collapsed) return children;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { render: children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: label })
+  ] });
+}
+function MetricsGroup({ group }) {
+  return /* @__PURE__ */ jsx("div", { className: "border-b border-white/15 py-4 px-5 flex flex-col gap-1.5", children: group.items.map((item) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between gap-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-sm truncate text-brand-secondary-foreground/80",
+                item.isNetItem && "font-semibold text-brand-secondary-foreground border-b-2 border-primary pb-px"
+              ),
+              children: item.name
+            }
+          ),
+          item.info && /* @__PURE__ */ jsx(
+            Info,
+            {
+              size: 11,
+              strokeWidth: 2,
+              className: "shrink-0 text-brand-secondary-foreground/50"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-sm font-semibold tabular-nums shrink-0 text-brand-secondary-foreground",
+              item.isNetItem && item.value < 0 && "text-destructive"
+            ),
+            children: formatCurrency(item.value, { showSign: item.isNetItem })
+          }
+        )
+      ]
+    },
+    item.name
+  )) });
+}
+function SidebarNavItemView({
+  item,
+  collapsed,
+  onNavigate
+}) {
+  var _a;
+  const Icon = item.icon;
+  return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+      className: cn(
+        "group h-auto w-full items-center gap-3 py-2.5 text-base font-medium transition-colors",
+        "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+        collapsed ? "justify-center px-2" : cn(
+          "justify-start px-3 border-l-4",
+          item.isActive ? "bg-white/15 text-brand-secondary-foreground border-primary" : "border-transparent"
+        )
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: navIconCn((_a = item.isActive) != null ? _a : false),
+            size: 18,
+            strokeWidth: 1.75
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
+      ]
+    }
+  ) });
+}
+function CollapsibleNavItem({
+  item,
+  collapsed,
+  onNavigate
+}) {
+  var _a, _b;
+  const Icon = item.icon;
+  const hasActiveChild = (_b = (_a = item.subItems) == null ? void 0 : _a.some((sub) => sub.isActive)) != null ? _b : false;
+  const [open, setOpen] = React.useState(hasActiveChild);
+  React.useEffect(() => {
+    if (hasActiveChild) setOpen(true);
+  }, [hasActiveChild]);
+  if (collapsed) {
+    return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+        className: cn(
+          "group h-auto w-full justify-center px-2 py-2.5 transition-colors",
+          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+          hasActiveChild && "bg-white/15 text-brand-secondary-foreground"
+        ),
+        children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: navIconCn(hasActiveChild),
+            size: 18,
+            strokeWidth: 1.75
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => setOpen((prev) => !prev),
+        className: cn(
+          "group h-auto w-full justify-start gap-3 px-3 py-2.5 text-base font-medium transition-colors",
+          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
+          "border-l-4 border-transparent",
+          hasActiveChild && "bg-white/15 text-brand-secondary-foreground border-primary"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              className: navIconCn(hasActiveChild),
+              size: 18,
+              strokeWidth: 1.75
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.title }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "ml-auto shrink-0 text-brand-secondary-foreground/40 transition-transform duration-200",
+                open && "rotate-180"
+              ),
+              size: 14,
+              strokeWidth: 2
+            }
+          )
+        ]
+      }
+    ),
+    open && item.subItems && /* @__PURE__ */ jsx("div", { className: "ml-9 border-l border-white/15 pl-3", children: item.subItems.map((sub) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
+        className: cn(
+          "h-auto w-full justify-start gap-2 py-1.5 pl-1 text-sm transition-colors",
+          "text-brand-secondary-foreground/50 hover:text-brand-secondary-foreground",
+          sub.isActive && "text-primary font-medium"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              size: 11,
+              strokeWidth: 2,
+              className: cn(
+                "shrink-0",
+                sub.isActive ? "text-primary" : "text-brand-secondary-foreground/30"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: sub.title })
+        ]
+      },
+      sub.href
+    )) })
+  ] });
+}
+function SidebarNav({
+  items,
+  userName = "Anonymous User",
+  collapsed = false,
+  logo,
+  logoCollapsed,
+  metricsGroups,
+  onNavigate,
+  onLogout,
+  onCollapsedChange,
+  className
+}) {
+  const [userMenuOpen, setUserMenuOpen] = React.useState(false);
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "data-slot": "sidebar-nav",
+      "data-collapsed": collapsed,
+      className: cn(
+        // Force dark-mode CSS variable resolution — sidebar is always dark-backgrounded
+        // regardless of system theme, so semantic tokens (destructive, success, etc.)
+        // must use their dark-mode values to maintain WCAG contrast.
+        "dark flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
+        "transition-all duration-200 ease-in-out",
+        collapsed ? "w-14" : "w-[279px]",
+        className
+      ),
+      children: [
+        !collapsed && logo && /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-white/15 px-5 py-4", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: logo,
+            alt: "Logo",
+            className: "h-8 w-auto object-contain object-left",
+            style: { filter: "brightness(0) invert(1)" }
+          }
+        ) }),
+        collapsed && logoCollapsed && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center border-b border-white/15 py-4", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: logoCollapsed,
+            alt: "Logo",
+            className: "h-8 w-8 object-contain",
+            style: { filter: "brightness(0) invert(1)" }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "border-b border-white/15", children: [
+          /* @__PURE__ */ jsx(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => !collapsed && setUserMenuOpen((prev) => !prev),
+              className: cn(
+                "group h-auto w-full justify-start gap-3 px-5 py-5 text-base transition-colors",
+                "text-brand-secondary-foreground hover:bg-white/10",
+                collapsed && "justify-center px-2 py-4"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) }),
+                !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
+                  /* @__PURE__ */ jsx(
+                    ChevronDown,
+                    {
+                      className: cn(
+                        "shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200",
+                        userMenuOpen && "rotate-180"
+                      ),
+                      size: 16,
+                      strokeWidth: 2
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) }),
+          !collapsed && userMenuOpen && /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 bg-black/20", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: onLogout,
+              className: cn(
+                "h-auto w-full justify-start gap-3 px-5 py-3 text-base",
+                "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground transition-colors"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  LogOut,
+                  {
+                    size: 16,
+                    strokeWidth: 1.75,
+                    className: "shrink-0 text-destructive"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: "Logout" })
+              ]
+            }
+          ) })
+        ] }),
+        !collapsed && !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ jsx("div", { children: metricsGroups.map((group, i) => /* @__PURE__ */ jsx(MetricsGroup, { group }, i)) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col overflow-y-auto py-3", children: items.map(
+          (item) => item.isCollapsible ? /* @__PURE__ */ jsx(
+            CollapsibleNavItem,
+            {
+              item,
+              collapsed,
+              onNavigate
+            },
+            item.href
+          ) : /* @__PURE__ */ jsx(
+            SidebarNavItemView,
+            {
+              item,
+              collapsed,
+              onNavigate
+            },
+            item.href
+          )
+        ) }),
+        onCollapsedChange && /* @__PURE__ */ jsx("div", { className: "mt-auto border-t border-white/15 bg-white/8", children: /* @__PURE__ */ jsx(
+          NavTooltip,
+          {
+            label: collapsed ? "Expand" : "Collapse",
+            collapsed,
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                onClick: () => onCollapsedChange(!collapsed),
+                className: cn(
+                  "h-auto w-full justify-start gap-3 px-3 py-3 transition-colors",
+                  "text-brand-secondary-foreground/80 hover:bg-white/10 hover:text-brand-secondary-foreground",
+                  collapsed && "justify-center px-2"
+                ),
+                children: [
+                  collapsed ? /* @__PURE__ */ jsx(
+                    PanelLeftOpen,
+                    {
+                      size: 18,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    PanelLeftClose,
+                    {
+                      size: 18,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ),
+                  !collapsed && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Collapse" })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+export {
+  SidebarNav
+};

package/dist/components/ui/add-column-modal.js

@@ -178,10 +178,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         secondary: "bg-brand-secondary text-brand-secondary-foreground shadow-xs hover:bg-brand-secondary/80 focus-visible:ring-brand-secondary/30",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground focus-visible:ring-border/50 dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         "outline-primary": "border border-primary text-foreground bg-transparent shadow-xs hover:bg-primary/5 focus-visible:ring-primary/50",
         "outline-secondary": "border border-brand-secondary text-brand-secondary bg-transparent shadow-xs hover:bg-brand-secondary/10 focus-visible:ring-brand-secondary/30",
-        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-xs focus-visible:ring-border/50 dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -270,38 +270,65 @@ function DialogOverlay(_a) {
     }, props)
   );
 }
+var DIALOG_MAX_WIDTHS = {
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  full: "100%"
+};
+var DIALOG_AUTO_MIN_WIDTH = "20rem";
 function DialogContent(_a) {
   var _b = _a, {
     className,
     children,
     showCloseButton = true,
-    style
+    style,
+    container,
+    align = "center",
+    size = "lg",
+    minWidth
   } = _b, props = __objRest(_b, [
     "className",
     "children",
     "showCloseButton",
-    "style"
+    "style",
+    "container",
+    "align",
+    "size",
+    "minWidth"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { children: [
+  const isAuto = size === "auto";
+  const sizeStyle = isAuto ? { minWidth: minWidth != null ? minWidth : DIALOG_AUTO_MIN_WIDTH } : { maxWidth: DIALOG_MAX_WIDTHS[size] };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { container: container != null ? container : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogOverlay, { style: themeVars }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_dialog.Dialog.Popup,
       __spreadProps(__spreadValues({
         className: cn(
-          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels), foreground/50 scrim via DialogOverlay
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 duration-200 outline-none data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 sm:max-w-lg",
+          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels)
+          // max-w-[calc(100%-2rem)] acts as a viewport-edge guard on all sizes.
+          // Fixed max-width is applied via inline style (sizeStyle) to avoid
+          // Tailwind v4 class-scanning gaps with dynamic class lookups.
+          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+          // "auto" → hug content (with min-width floor); fixed sizes → fill to max-width
+          isAuto ? "w-auto" : "w-full",
+          align === "center" ? "top-[50%] translate-y-[-50%]" : "top-4 translate-y-0",
           className
         ),
         "data-slot": "dialog-content",
-        style: __spreadValues(__spreadValues({}, themeVars), style)
+        style: __spreadValues(__spreadValues(__spreadValues({}, themeVars), sizeStyle), style)
       }, props), {
         children: [
           children,
           showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             import_dialog.Dialog.Close,
             {
-              className: "absolute top-4 right-4 transition-colors hover:bg-foreground/5 focus:outline-hidden focus:ring-2 focus:ring-border focus:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              className: "absolute top-4 right-4 inline-flex size-7 items-center justify-center transition-colors hover:bg-foreground/5 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border focus-visible:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               "data-slot": "dialog-close",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.XIcon, {}),
@@ -354,6 +381,7 @@ function DialogFooter(_a) {
           import_dialog.Dialog.Close,
           {
             className: cn(buttonVariants({ variant: "outline" })),
+            type: "button",
             children: "Close"
           }
         ) : null
@@ -732,14 +760,14 @@ function AddColumnModal({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                "button",
+                Button,
                 {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
                   onClick: () => removeTask(task.id),
                   disabled: loading,
-                  className: cn(
-                    buttonVariants({ variant: "ghost", size: "icon" }),
-                    "size-9 shrink-0 text-muted-foreground hover:text-destructive"
-                  ),
+                  className: "size-9 shrink-0 text-muted-foreground hover:text-destructive",
                   "aria-label": "Remove task",
                   children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.Trash2, { className: "size-4" })
                 }

package/dist/components/ui/add-column-modal.mjs

@@ -1,12 +1,12 @@
 import {
   AddColumnModal
-} from "../../chunk-3WMX6KWS.mjs";
+} from "../../chunk-PU4YZQXV.mjs";
 import "../../chunk-7PYJD5JI.mjs";
-import "../../chunk-FH6QVUVZ.mjs";
 import "../../chunk-NSLMILBT.mjs";
+import "../../chunk-FH6QVUVZ.mjs";
 import "../../chunk-GYMYRIZP.mjs";
-import "../../chunk-XIRTEFKH.mjs";
-import "../../chunk-2I5S2AMY.mjs";
+import "../../chunk-6DZEXFNB.mjs";
+import "../../chunk-XREGSKX3.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";
 import "../../chunk-QOJ2DQD6.mjs";