npm - @alfadocs/ui-kit-debug - Versions diffs - 0.1.8 → 0.2.0 - Mend

@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (984) hide show

package/dist/_chunks/{logo-BpFoCL-s.js → logo-_Z-jLq80.js} RENAMED Viewed

@@ -20,10 +20,43 @@ const v = e((r, a) => /* @__PURE__ */ t(
         /* @__PURE__ */ c("path", { d: "M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z" })
       ] }),
       /* @__PURE__ */ t("g", { className: "ds:fill-[color:var(--color-violet-500)]", children: [
-        /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-        /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "53.04",
+            y: "2.54",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-4.66 19.05) rotate(-15)"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "96.12",
+            y: "53.04",
+            width: "49.34",
+            height: "33.99",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-14.01 33.65) rotate(-15)"
+          }
+        ),
         /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-        /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "60.97",
+            y: "96.12",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-28.61 24.29) rotate(-15)"
+          }
+        )
       ] })
     ]
   }
@@ -49,10 +82,43 @@ const i = e((r, a) => /* @__PURE__ */ t(
         /* @__PURE__ */ c("path", { d: "M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z" })
       ] }),
       /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-        /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "53.04",
+            y: "2.54",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-4.66 19.05) rotate(-15)"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "96.12",
+            y: "53.04",
+            width: "49.34",
+            height: "33.99",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-14.01 33.65) rotate(-15)"
+          }
+        ),
         /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-        /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "60.97",
+            y: "96.12",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-28.61 24.29) rotate(-15)"
+          }
+        )
       ] })
     ]
   }
@@ -67,10 +133,43 @@ const m = e((r, a) => /* @__PURE__ */ t(
     fill: "currentColor",
     ...r,
     children: [
-      /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-      /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "53.04",
+          y: "2.54",
+          width: "33.99",
+          height: "49.34",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-4.66 19.05) rotate(-15)"
+        }
+      ),
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "96.12",
+          y: "53.04",
+          width: "49.34",
+          height: "33.99",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-14.01 33.65) rotate(-15)"
+        }
+      ),
       /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-      /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "60.97",
+          y: "96.12",
+          width: "33.99",
+          height: "49.34",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-28.61 24.29) rotate(-15)"
+        }
+      )
     ]
   }
 ));
@@ -120,26 +219,56 @@ const f = n(
     ...o
   }, h) => {
     const l = p ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": w }, s = f({ size: g, className: x }), d = M({ variant: r, tone: a });
-    return r === "mark" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(m, { "aria-hidden": !0, className: s }) }) : r === "monochrome" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(i, { "aria-hidden": !0, className: s }) }) : /* @__PURE__ */ t("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: [
-      /* @__PURE__ */ c(
-        v,
-        {
-          "aria-hidden": !0,
-          className: `${s} ds:[.theme-dark_&]:hidden`
-        }
-      ),
-      /* @__PURE__ */ c(
-        i,
-        {
-          "aria-hidden": !0,
-          className: `${s} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`
-        }
-      )
-    ] });
+    return r === "mark" ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: /* @__PURE__ */ c(m, { "aria-hidden": !0, className: s })
+      }
+    ) : r === "monochrome" ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: /* @__PURE__ */ c(i, { "aria-hidden": !0, className: s })
+      }
+    ) : /* @__PURE__ */ t(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: [
+          /* @__PURE__ */ c(
+            v,
+            {
+              "aria-hidden": !0,
+              className: `${s} ds:[.theme-dark_&]:hidden`
+            }
+          ),
+          /* @__PURE__ */ c(
+            i,
+            {
+              "aria-hidden": !0,
+              className: `${s} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`
+            }
+          )
+        ]
+      }
+    );
   }
 );
 y.displayName = "Logo";
 export {
   y as L
 };
-//# sourceMappingURL=logo-BpFoCL-s.js.map
+//# sourceMappingURL=logo-_Z-jLq80.js.map

package/dist/_chunks/logo-_Z-jLq80.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logo-_Z-jLq80.js","sources":["../../src/brand/logo-asset/Alfadocs_Logo_Main.tsx","../../src/brand/logo-asset/Alfadocs_Logo_Neg.tsx","../../src/brand/logo-asset/Alfadocs_Logo_Mark.tsx","../../src/components/logo/logo.tsx"],"sourcesContent":["/**\n * Alfadocs_Logo_Main — canonical bicolor wordmark.\n *\n * Source: `reference/assets/logos/SVG/Alfadocs_Logo_Main.svg`\n * Bicolor: blue-500 wordmark + violet-500 mark.\n *\n * Colours reference token primitives directly so they stay fixed to brand\n * values regardless of the current surface theme — a bicolor wordmark is\n * brand-locked by definition. For an inverting / single-colour wordmark\n * use `Alfadocs_Logo_Neg` or `Alfadocs_Logo_Mark`.\n */\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const AlfadocsLogoMain = forwardRef<\n SVGSVGElement,\n SVGProps<SVGSVGElement>\n>((props, ref) => (\n <svg\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 805 148\"\n {...props}\n >\n <g className=\"ds:fill-[color:var(--color-blue-500)]\">\n <path d=\"M460.58,51.29h-10.51c-3.57,0-6.52.99-8.85,2.97-2.32,1.98-3.48,4.71-3.48,8.18v.15h-1.62c-.62,0-1.21-.34-1.49-.89-.26-.51-.55-1.01-.86-1.49-.21-.34-.43-.68-.68-1.01,0-.04-.02-.07-.06-.11-.21-.28-.4-.55-.64-.83-.05-.1-.12-.18-.22-.28-.21-.26-.43-.53-.66-.78-.04-.06-.1-.12-.17-.18-.18-.21-.37-.42-.57-.61-.36-.37-.75-.73-1.16-1.09-.82-.74-1.68-1.46-2.63-2.15-1.08-.76-2.29-1.41-3.66-1.93-.32-.13-.65-.26-.98-.37-.4-.13-.82-.27-1.26-.39-.4-.11-.82-.22-1.23-.32-1.26-.31-2.63-.53-4.11-.67-.26-.02-.54-.05-.82-.07-.24-.02-.5-.05-.75-.06-1.15-.09-2.36-.12-3.62-.12-1.47,0-2.9.09-4.32.27-.54.07-1.08.15-1.6.24-3.73.65-7.25,1.96-10.58,3.88-.81.47-1.58.98-2.34,1.52-.31.21-.61.43-.91.66-.09.07-.17.13-.25.2-.98.76-1.91,1.58-2.78,2.47-.03.03-.06.07-.1.1-.02.02-.04.03-.06.05-.78.78-1.52,1.61-2.23,2.51-.35.44-.7.89-1.03,1.36-.89,1.25-1.72,2.57-2.49,3.99-3.07,5.65-4.61,12.48-4.61,20.5v2.37c0,8.02,1.54,14.85,4.61,20.5.77,1.42,1.6,2.74,2.49,3.99.33.46.67.92,1.03,1.36.71.89,1.44,1.72,2.23,2.51.02.02.04.04.06.06.04.04.07.07.1.11.86.88,1.79,1.7,2.76,2.46.09.07.18.14.27.21.3.22.6.44.9.65.76.54,1.53,1.05,2.34,1.52,3.33,1.92,6.85,3.23,10.58,3.88.53.09,1.06.17,1.6.24,1.42.17,2.86.27,4.32.27,1.26,0,2.47-.04,3.62-.12.24-.01.5-.04.75-.06.28-.01.55-.04.82-.07,1.48-.15,2.85-.37,4.11-.67.43-.1.83-.2,1.23-.32.43-.12.86-.26,1.26-.39.33-.12.66-.24.98-.37,1.37-.53,2.58-1.17,3.66-1.93.96-.68,1.82-1.41,2.63-2.15h0c.4-.36.79-.72,1.16-1.09.2-.21.39-.4.57-.61.06-.06.12-.12.17-.18.23-.26.45-.53.66-.78.09-.1.16-.18.22-.28.23-.28.43-.55.64-.83.01-.04.04-.07.06-.11.26-.33.48-.67.68-1.01.31-.49.6-.99.86-1.49.29-.55.87-.89,1.49-.89h1.62v.15c0,3.47,1.16,6.2,3.48,8.18,2.34,1.98,5.28,2.97,8.85,2.97h9.87c2.75,0,4.98-2.23,4.98-4.98v-5.49c0-2.75-2.23-4.98-4.98-4.98h-.96c-2.78,0-4.17-1.49-4.17-4.46v-33.87c0-2.97,1.39-4.46,4.17-4.46h1.59c2.4,0,4.35-1.95,4.35-4.35v-6.76c0-2.4-1.95-4.35-4.35-4.35ZM436.41,88.88c0,.89-.02,1.75-.09,2.59-.02.32-.05.62-.09.93-.06.61-.13,1.21-.23,1.8-.05.29-.11.59-.16.87-.1.53-.22,1.03-.35,1.53-.93,3.47-2.56,6.32-4.88,8.55-2.74,2.64-5.95,4.34-9.65,5.11-.54.11-1.08.2-1.64.27-1,.13-2.05.2-3.13.2-5.75,0-10.55-1.86-14.41-5.57-3.86-3.7-5.79-9.13-5.79-16.26v-1.49c0-7.13,1.93-12.56,5.79-16.26,3.86-3.72,8.67-5.57,14.41-5.57,1.08,0,2.13.06,3.13.2.56.07,1.1.16,1.64.27,3.69.77,6.91,2.47,9.65,5.11,2.32,2.23,3.95,5.07,4.88,8.55.13.5.26,1,.35,1.53.06.28.11.57.16.87.1.59.17,1.19.23,1.8.04.31.06.61.09.93.06.84.09,1.7.09,2.59v1.49Z\" />\n <path d=\"M245.66,25.95c-.77-2.92-3.41-4.96-6.44-4.96h-23.91c-3.02,0-5.67,2.04-6.44,4.96l-24.7,93.97c-.67,2.56,1.26,5.06,3.9,5.06h11.81c1.86,0,3.47-1.27,3.92-3.07l4.57-18.51c.19-.76.87-1.3,1.66-1.3h34.46c.79,0,1.47.54,1.66,1.3l4.64,18.82c.4,1.62,1.85,2.76,3.52,2.76h12.67c2.38,0,4.11-2.25,3.51-4.55l-24.84-94.49ZM239.04,83.98h-23.55c-1.11,0-1.93-1.05-1.66-2.13l11.78-47.24c.19-.76.87-1.3,1.66-1.3s1.47.54,1.66,1.3l11.78,47.24c.27,1.08-.55,2.13-1.66,2.13Z\" />\n <rect x=\"281.2\" y=\"20.98\" width=\"18.72\" height=\"104\" rx=\"4.8\" ry=\"4.8\" />\n <path d=\"M363.05,51.29h-13.29c-.95,0-1.71-.77-1.71-1.71v-8.69c0-2.97,1.39-4.46,4.16-4.46h8.67c2.27,0,4.11-1.84,4.11-4.11v-7.24c0-2.27-1.84-4.11-4.11-4.11h-15.21c-4.85,0-8.79,1.51-11.81,4.53-3.02,3.02-4.53,7.06-4.53,12.11v11.96c0,.95-.77,1.71-1.71,1.71h-12.81c-2.32,0-4.2,1.88-4.2,4.2v7.06c0,2.32,1.88,4.2,4.2,4.2h12.81c.95,0,1.71.77,1.71,1.71v51.98c0,2.51,2.03,4.54,4.54,4.54h9.63c2.51,0,4.54-2.03,4.54-4.54v-51.98c0-.95.77-1.71,1.71-1.71h13.29c2.38,0,4.31-1.93,4.31-4.31v-6.83c0-2.38-1.93-4.31-4.31-4.31Z\" />\n <path d=\"M549.94,20.98h-8.88c-2.72,0-4.92,2.2-4.92,4.92v32.14c0,.95-.77,1.71-1.71,1.71h0c-.6,0-1.13-.32-1.45-.82-.95-1.48-2.23-2.89-3.82-4.23-1.88-1.58-4.33-2.9-7.35-3.94-3.02-1.04-6.76-1.56-11.22-1.56-5.94,0-11.44,1.46-16.49,4.38-5.05,2.92-9.11,7.21-12.18,12.85-3.07,5.65-4.61,12.48-4.61,20.5v2.38c0,8.02,1.53,14.86,4.61,20.5,3.07,5.65,7.15,9.93,12.26,12.85,5.1,2.92,10.57,4.38,16.42,4.38,6.73,0,11.86-1.14,15.38-3.42,3.19-2.07,5.62-4.33,7.3-6.81.32-.47.84-.77,1.41-.77h.04c.95,0,1.71.77,1.71,1.71v2.61c0,2.53,2.05,4.59,4.59,4.59h9.25c2.53,0,4.59-2.05,4.59-4.59V25.91c0-2.72-2.2-4.92-4.92-4.92ZM536.44,88.88c0,7.13-1.93,12.55-5.79,16.27-3.86,3.71-8.67,5.57-14.41,5.57s-10.55-1.86-14.41-5.57c-3.86-3.71-5.79-9.14-5.79-16.27v-1.49c0-7.13,1.93-12.55,5.79-16.27,3.86-3.71,8.67-5.57,14.41-5.57s10.67,1.86,14.49,5.57c3.81,3.71,5.72,9.14,5.72,16.27v1.49Z\" />\n <path d=\"M626.91,53.67c-5.85-2.97-12.43-4.46-19.76-4.46s-13.92,1.49-19.76,4.46c-5.84,2.97-10.45,7.28-13.82,12.93-3.37,5.65-5.05,12.43-5.05,20.35v2.38c0,7.93,1.68,14.71,5.05,20.35,3.37,5.65,7.97,9.95,13.82,12.93,5.84,2.97,12.43,4.46,19.76,4.46s13.91-1.49,19.76-4.46c5.84-2.97,10.45-7.28,13.82-12.93,3.37-5.65,5.05-12.43,5.05-20.35v-2.38c0-7.92-1.69-14.71-5.05-20.35-3.37-5.65-7.97-9.95-13.82-12.93ZM627.06,88.88c0,6.93-1.88,12.26-5.65,15.97-3.77,3.71-8.52,5.57-14.26,5.57s-10.5-1.86-14.26-5.57c-3.77-3.71-5.65-9.04-5.65-15.97v-1.49c0-6.93,1.88-12.26,5.65-15.97,3.76-3.71,8.52-5.57,14.26-5.57s10.62,1.86,14.34,5.57c3.71,3.71,5.57,9.04,5.57,15.97v1.49Z\" />\n <path d=\"M725.81,97.59l-8.12-1.93c-2.45-.58-5,.74-5.84,3.12-1,2.85-2.5,5.27-4.49,7.26-2.92,2.92-7.21,4.38-12.85,4.38-3.77,0-7.16-.82-10.18-2.45-3.02-1.63-5.4-4.06-7.13-7.28-1.73-3.22-2.6-7.15-2.6-11.81v-1.49c0-4.65.87-8.59,2.6-11.81,1.73-3.22,4.11-5.65,7.13-7.28,3.02-1.63,6.41-2.45,10.18-2.45s6.91.69,9.43,2.08c2.53,1.39,4.48,3.27,5.87,5.65.72,1.23,1.3,2.54,1.76,3.93.74,2.28,3.1,3.62,5.45,3.12l8.8-1.88c2.77-.59,4.38-3.47,3.49-6.16-1.14-3.43-2.76-6.59-4.86-9.5-3.12-4.31-7.21-7.7-12.26-10.18-5.05-2.47-11.09-3.71-18.13-3.71s-13.59,1.49-19.39,4.46c-5.79,2.97-10.38,7.28-13.74,12.93-3.37,5.65-5.05,12.48-5.05,20.5v2.08c0,8.02,1.68,14.86,5.05,20.5,3.37,5.65,7.95,9.95,13.74,12.93,5.79,2.97,12.26,4.46,19.39,4.46s13.07-1.24,18.13-3.71c5.05-2.47,9.14-5.87,12.26-10.18,1.99-2.75,3.6-5.68,4.85-8.81,1.14-2.86-.49-6.06-3.48-6.77Z\" />\n <path d=\"M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z\" />\n </g>\n <g className=\"ds:fill-[color:var(--color-violet-500)]\">\n <rect\n x=\"53.04\"\n y=\"2.54\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-4.66 19.05) rotate(-15)\"\n />\n <rect\n x=\"96.12\"\n y=\"53.04\"\n width=\"49.34\"\n height=\"33.99\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-14.01 33.65) rotate(-15)\"\n />\n <path d=\"M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z\" />\n <rect\n x=\"60.97\"\n y=\"96.12\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-28.61 24.29) rotate(-15)\"\n />\n </g>\n </svg>\n));\nAlfadocsLogoMain.displayName = 'AlfadocsLogoMain';\n","/**\n * Alfadocs_Logo_Neg — single-colour (monochrome) wordmark.\n *\n * Source: `reference/assets/logos/SVG/Alfadocs_Logo_Neg.svg`\n * Ink is rendered with `currentColor` so the consumer (or the Logo wrapper)\n * controls the fill via `color` / Tailwind `text-[color:…]`. Use this\n * variant when you want the logo to inherit theme foreground — dark surfaces,\n * monochrome print, or the generic accessible theme.\n */\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const AlfadocsLogoNeg = forwardRef<\n SVGSVGElement,\n SVGProps<SVGSVGElement>\n>((props, ref) => (\n <svg\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 805 148\"\n fill=\"currentColor\"\n {...props}\n >\n <g>\n <path d=\"M460.58,51.29h-10.51c-3.57,0-6.52.99-8.85,2.97-2.32,1.98-3.48,4.71-3.48,8.18v.15h-1.62c-.62,0-1.21-.34-1.49-.89-.26-.51-.55-1.01-.86-1.49-.21-.34-.43-.68-.68-1.01,0-.04-.02-.07-.06-.11-.21-.28-.4-.55-.64-.83-.05-.1-.12-.18-.22-.28-.21-.26-.43-.53-.66-.78-.04-.06-.1-.12-.17-.18-.18-.21-.37-.42-.57-.61-.36-.37-.75-.73-1.16-1.09-.82-.74-1.68-1.46-2.63-2.15-1.08-.76-2.29-1.41-3.66-1.93-.32-.13-.65-.26-.98-.37-.4-.13-.82-.27-1.26-.39-.4-.11-.82-.22-1.23-.32-1.26-.31-2.63-.53-4.11-.67-.26-.02-.54-.05-.82-.07-.24-.02-.5-.05-.75-.06-1.15-.09-2.36-.12-3.62-.12-1.47,0-2.9.09-4.32.27-.54.07-1.08.15-1.6.24-3.73.65-7.25,1.96-10.58,3.88-.81.47-1.58.98-2.34,1.52-.31.21-.61.43-.91.66-.09.07-.17.13-.25.2-.98.76-1.91,1.58-2.78,2.47-.03.03-.06.07-.1.1-.02.02-.04.03-.06.05-.78.78-1.52,1.61-2.23,2.51-.35.44-.7.89-1.03,1.36-.89,1.25-1.72,2.57-2.49,3.99-3.07,5.65-4.61,12.48-4.61,20.5v2.37c0,8.02,1.54,14.85,4.61,20.5.77,1.42,1.6,2.74,2.49,3.99.33.46.67.92,1.03,1.36.71.89,1.44,1.72,2.23,2.51.02.02.04.04.06.06.04.04.07.07.1.11.86.88,1.79,1.7,2.76,2.46.09.07.18.14.27.21.3.22.6.44.9.65.76.54,1.53,1.05,2.34,1.52,3.33,1.92,6.85,3.23,10.58,3.88.53.09,1.06.17,1.6.24,1.42.17,2.86.27,4.32.27,1.26,0,2.47-.04,3.62-.12.24-.01.5-.04.75-.06.28-.01.55-.04.82-.07,1.48-.15,2.85-.37,4.11-.67.43-.1.83-.2,1.23-.32.43-.12.86-.26,1.26-.39.33-.12.66-.24.98-.37,1.37-.53,2.58-1.17,3.66-1.93.96-.68,1.82-1.41,2.63-2.15h0c.4-.36.79-.72,1.16-1.09.2-.21.39-.4.57-.61.06-.06.12-.12.17-.18.23-.26.45-.53.66-.78.09-.1.16-.18.22-.28.23-.28.43-.55.64-.83.01-.04.04-.07.06-.11.26-.33.48-.67.68-1.01.31-.49.6-.99.86-1.49.29-.55.87-.89,1.49-.89h1.62v.15c0,3.47,1.16,6.2,3.48,8.18,2.34,1.98,5.28,2.97,8.85,2.97h9.87c2.75,0,4.98-2.23,4.98-4.98v-5.49c0-2.75-2.23-4.98-4.98-4.98h-.96c-2.78,0-4.17-1.49-4.17-4.46v-33.87c0-2.97,1.39-4.46,4.17-4.46h1.59c2.4,0,4.35-1.95,4.35-4.35v-6.76c0-2.4-1.95-4.35-4.35-4.35ZM436.41,88.88c0,.89-.02,1.75-.09,2.59-.02.32-.05.62-.09.93-.06.61-.13,1.21-.23,1.8-.05.29-.11.59-.16.87-.1.53-.22,1.03-.35,1.53-.93,3.47-2.56,6.32-4.88,8.55-2.74,2.64-5.95,4.34-9.65,5.11-.54.11-1.08.2-1.64.27-1,.13-2.05.2-3.13.2-5.75,0-10.55-1.86-14.41-5.57-3.86-3.7-5.79-9.13-5.79-16.26v-1.49c0-7.13,1.93-12.56,5.79-16.26,3.86-3.72,8.67-5.57,14.41-5.57,1.08,0,2.13.06,3.13.2.56.07,1.1.16,1.64.27,3.69.77,6.91,2.47,9.65,5.11,2.32,2.23,3.95,5.07,4.88,8.55.13.5.26,1,.35,1.53.06.28.11.57.16.87.1.59.17,1.19.23,1.8.04.31.06.61.09.93.06.84.09,1.7.09,2.59v1.49Z\" />\n <path d=\"M245.66,25.95c-.77-2.92-3.41-4.96-6.44-4.96h-23.91c-3.02,0-5.67,2.04-6.44,4.96l-24.7,93.97c-.67,2.56,1.26,5.06,3.9,5.06h11.81c1.86,0,3.47-1.27,3.92-3.07l4.57-18.51c.19-.76.87-1.3,1.66-1.3h34.46c.79,0,1.47.54,1.66,1.3l4.64,18.82c.4,1.62,1.85,2.76,3.52,2.76h12.67c2.38,0,4.11-2.25,3.51-4.55l-24.84-94.49ZM239.04,83.98h-23.55c-1.11,0-1.93-1.05-1.66-2.13l11.78-47.24c.19-.76.87-1.3,1.66-1.3s1.47.54,1.66,1.3l11.78,47.24c.27,1.08-.55,2.13-1.66,2.13Z\" />\n <rect x=\"281.2\" y=\"20.98\" width=\"18.72\" height=\"104\" rx=\"4.8\" ry=\"4.8\" />\n <path d=\"M363.05,51.29h-13.29c-.95,0-1.71-.77-1.71-1.71v-8.69c0-2.97,1.39-4.46,4.16-4.46h8.67c2.27,0,4.11-1.84,4.11-4.11v-7.24c0-2.27-1.84-4.11-4.11-4.11h-15.21c-4.85,0-8.79,1.51-11.81,4.53-3.02,3.02-4.53,7.06-4.53,12.11v11.96c0,.95-.77,1.71-1.71,1.71h-12.81c-2.32,0-4.2,1.88-4.2,4.2v7.06c0,2.32,1.88,4.2,4.2,4.2h12.81c.95,0,1.71.77,1.71,1.71v51.98c0,2.51,2.03,4.54,4.54,4.54h9.63c2.51,0,4.54-2.03,4.54-4.54v-51.98c0-.95.77-1.71,1.71-1.71h13.29c2.38,0,4.31-1.93,4.31-4.31v-6.83c0-2.38-1.93-4.31-4.31-4.31Z\" />\n <path d=\"M549.94,20.98h-8.88c-2.72,0-4.92,2.2-4.92,4.92v32.14c0,.95-.77,1.71-1.71,1.71h0c-.6,0-1.13-.32-1.45-.82-.95-1.48-2.23-2.89-3.82-4.23-1.88-1.58-4.33-2.9-7.35-3.94-3.02-1.04-6.76-1.56-11.22-1.56-5.94,0-11.44,1.46-16.49,4.38-5.05,2.92-9.11,7.21-12.18,12.85-3.07,5.65-4.61,12.48-4.61,20.5v2.38c0,8.02,1.53,14.86,4.61,20.5,3.07,5.65,7.15,9.93,12.26,12.85,5.1,2.92,10.57,4.38,16.42,4.38,6.73,0,11.86-1.14,15.38-3.42,3.19-2.07,5.62-4.33,7.3-6.81.32-.47.84-.77,1.41-.77h.04c.95,0,1.71.77,1.71,1.71v2.61c0,2.53,2.05,4.59,4.59,4.59h9.25c2.53,0,4.59-2.05,4.59-4.59V25.91c0-2.72-2.2-4.92-4.92-4.92ZM536.44,88.88c0,7.13-1.93,12.55-5.79,16.27-3.86,3.71-8.67,5.57-14.41,5.57s-10.55-1.86-14.41-5.57c-3.86-3.71-5.79-9.14-5.79-16.27v-1.49c0-7.13,1.93-12.55,5.79-16.27,3.86-3.71,8.67-5.57,14.41-5.57s10.67,1.86,14.49,5.57c3.81,3.71,5.72,9.14,5.72,16.27v1.49Z\" />\n <path d=\"M626.91,53.67c-5.85-2.97-12.43-4.46-19.76-4.46s-13.92,1.49-19.76,4.46c-5.84,2.97-10.45,7.28-13.82,12.93-3.37,5.65-5.05,12.43-5.05,20.35v2.38c0,7.93,1.68,14.71,5.05,20.35,3.37,5.65,7.97,9.95,13.82,12.93,5.84,2.97,12.43,4.46,19.76,4.46s13.91-1.49,19.76-4.46c5.84-2.97,10.45-7.28,13.82-12.93,3.37-5.65,5.05-12.43,5.05-20.35v-2.38c0-7.92-1.69-14.71-5.05-20.35-3.37-5.65-7.97-9.95-13.82-12.93ZM627.06,88.88c0,6.93-1.88,12.26-5.65,15.97-3.77,3.71-8.52,5.57-14.26,5.57s-10.5-1.86-14.26-5.57c-3.77-3.71-5.65-9.04-5.65-15.97v-1.49c0-6.93,1.88-12.26,5.65-15.97,3.76-3.71,8.52-5.57,14.26-5.57s10.62,1.86,14.34,5.57c3.71,3.71,5.57,9.04,5.57,15.97v1.49Z\" />\n <path d=\"M725.81,97.59l-8.12-1.93c-2.45-.58-5,.74-5.84,3.12-1,2.85-2.5,5.27-4.49,7.26-2.92,2.92-7.21,4.38-12.85,4.38-3.77,0-7.16-.82-10.18-2.45-3.02-1.63-5.4-4.06-7.13-7.28-1.73-3.22-2.6-7.15-2.6-11.81v-1.49c0-4.65.87-8.59,2.6-11.81,1.73-3.22,4.11-5.65,7.13-7.28,3.02-1.63,6.41-2.45,10.18-2.45s6.91.69,9.43,2.08c2.53,1.39,4.48,3.27,5.87,5.65.72,1.23,1.3,2.54,1.76,3.93.74,2.28,3.1,3.62,5.45,3.12l8.8-1.88c2.77-.59,4.38-3.47,3.49-6.16-1.14-3.43-2.76-6.59-4.86-9.5-3.12-4.31-7.21-7.7-12.26-10.18-5.05-2.47-11.09-3.71-18.13-3.71s-13.59,1.49-19.39,4.46c-5.79,2.97-10.38,7.28-13.74,12.93-3.37,5.65-5.05,12.48-5.05,20.5v2.08c0,8.02,1.68,14.86,5.05,20.5,3.37,5.65,7.95,9.95,13.74,12.93,5.79,2.97,12.26,4.46,19.39,4.46s13.07-1.24,18.13-3.71c5.05-2.47,9.14-5.87,12.26-10.18,1.99-2.75,3.6-5.68,4.85-8.81,1.14-2.86-.49-6.06-3.48-6.77Z\" />\n <path d=\"M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z\" />\n </g>\n <g>\n <rect\n x=\"53.04\"\n y=\"2.54\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-4.66 19.05) rotate(-15)\"\n />\n <rect\n x=\"96.12\"\n y=\"53.04\"\n width=\"49.34\"\n height=\"33.99\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-14.01 33.65) rotate(-15)\"\n />\n <path d=\"M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z\" />\n <rect\n x=\"60.97\"\n y=\"96.12\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-28.61 24.29) rotate(-15)\"\n />\n </g>\n </svg>\n));\nAlfadocsLogoNeg.displayName = 'AlfadocsLogoNeg';\n","/**\n * Alfadocs_Logo_Mark — the square \"A\" glyph alone (no wordmark).\n *\n * Extracted from `reference/assets/logos/SVG/Alfadocs_Logo_Main.svg` —\n * the 4 rotated rect/path shapes that compose the mark. viewBox is\n * tightened from 805×148 to 148×148 so the mark fills the box.\n *\n * Renders with `currentColor`; the Logo wrapper defaults the colour to\n * `--primary` (or to a consumer-provided tint).\n */\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const AlfadocsLogoMark = forwardRef<\n SVGSVGElement,\n SVGProps<SVGSVGElement>\n>((props, ref) => (\n <svg\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 148 148\"\n fill=\"currentColor\"\n {...props}\n >\n <rect\n x=\"53.04\"\n y=\"2.54\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-4.66 19.05) rotate(-15)\"\n />\n <rect\n x=\"96.12\"\n y=\"53.04\"\n width=\"49.34\"\n height=\"33.99\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-14.01 33.65) rotate(-15)\"\n />\n <path d=\"M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z\" />\n <rect\n x=\"60.97\"\n y=\"96.12\"\n width=\"33.99\"\n height=\"49.34\"\n rx=\"4.56\"\n ry=\"4.56\"\n transform=\"translate(-28.61 24.29) rotate(-15)\"\n />\n </svg>\n));\nAlfadocsLogoMark.displayName = 'AlfadocsLogoMark';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n AlfadocsLogoMain,\n AlfadocsLogoNeg,\n AlfadocsLogoMark,\n} from '../../brand/logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\n// NOTE: no `inline-block` in the base — the outer wrapper is `inline-flex`,\n// so the SVGs sit as flex items and don't need an explicit display class.\n// Adding `inline-block` here would out-specificity the `hidden` class used\n// to theme-swap the wordmark, producing two visible SVGs in light mode.\nconst logoSize = cva(\n [\n 'ds:align-middle ds:shrink-0',\n // `leading-none` zeros the implicit line-height on the SVG so the\n // artwork sits at the geometric centre of an items-center flex row.\n 'ds:leading-none',\n // Forced-colors: the mark/wordmark collapses to CanvasText so it\n // remains visible under Windows High Contrast Mode.\n 'ds:forced-colors:text-[CanvasText]',\n ],\n {\n variants: {\n size: {\n sm: 'ds:h-[var(--logo-size-sm)] ds:w-auto',\n md: 'ds:h-[var(--logo-size-md)] ds:w-auto',\n lg: 'ds:h-[var(--logo-size-lg)] ds:w-auto',\n xl: 'ds:h-[var(--logo-size-xl)] ds:w-auto',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n// Wrapper (outer span) classes. Per-variant colour context so inner SVGs\n// that render `currentColor` pick up the intended ink automatically.\n// `tone=\"inherit\"` overrides the variant default with `currentColor` so\n// the logo picks up the colour of its surrounding text — useful when\n// dropping the mark inside a coloured surface (e.g. a primary-intent\n// button) where the variant default would clash with the background.\nconst logoWrapper = cva('ds:inline-flex ds:items-center', {\n variants: {\n variant: {\n mark: 'ds:text-[color:var(--primary)]',\n wordmark: '',\n monochrome: 'ds:text-[color:var(--foreground)]',\n },\n tone: {\n auto: '',\n inherit: 'ds:!text-current',\n },\n },\n defaultVariants: { variant: 'wordmark', tone: 'auto' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types */\n/* ------------------------------------------------------------------ */\n\ntype LogoVariant = 'mark' | 'wordmark' | 'monochrome';\n\ntype LogoSizeProps = VariantProps<typeof logoSize>;\n\ntype LogoBase = {\n /**\n * Which glyph to render.\n * - `wordmark` (default): bicolor Main logo — blue-500 wordmark + violet-500 mark on light.\n * - `mark`: the \"A\" glyph alone. Inherits `currentColor` (defaults to `--primary`).\n * - `monochrome`: the full wordmark in a single `currentColor` ink\n * (defaults to `--foreground`).\n */\n variant?: LogoVariant;\n /**\n * Colour resolution. `auto` (default) uses the variant's intended\n * ink (`--primary` for `mark`, `--foreground` for `monochrome`).\n * `inherit` makes the wrapper use `currentColor` so the logo picks\n * up the surrounding text colour — use when dropping the mark on\n * top of a coloured surface where the default ink would clash.\n */\n tone?: 'auto' | 'inherit';\n className?: string;\n} & LogoSizeProps;\n\ntype LogoA11y =\n | {\n /** Non-decorative usage — accessible name read by assistive tech. */\n 'aria-label': string;\n decorative?: never;\n }\n | {\n 'aria-label'?: never;\n /**\n * Decorative usage — the logo is hidden from assistive tech. Use when\n * the logo sits next to a text wordmark that already announces the\n * brand, or when it is ornamental only.\n */\n decorative: true;\n };\n\nexport type LogoProps = LogoBase &\n LogoA11y &\n Omit<\n ComponentPropsWithoutRef<'span'>,\n 'role' | 'aria-label' | 'aria-hidden' | 'className'\n >;\n\n/* ------------------------------------------------------------------ */\n/* Logo */\n/* ------------------------------------------------------------------ */\n\nexport const Logo = forwardRef<HTMLSpanElement, LogoProps>(\n (\n {\n variant = 'wordmark',\n tone = 'auto',\n size,\n className,\n decorative,\n 'aria-label': ariaLabel,\n ...props\n },\n ref,\n ) => {\n if (import.meta.env.DEV) {\n if (decorative && ariaLabel) {\n console.warn(\n '[Logo] Both `decorative` and `aria-label` were provided. Decorative logos must not expose an accessible name — the TypeScript type already forbids this combination.',\n );\n }\n if (!decorative && !ariaLabel) {\n console.warn(\n '[Logo] A non-decorative Logo needs an `aria-label`. Pass `decorative` to render it as presentational, or supply an accessible name.',\n );\n }\n }\n\n const a11y = decorative\n ? ({ role: 'presentation', 'aria-hidden': true } as const)\n : ({ role: 'img', 'aria-label': ariaLabel } as const);\n\n const svgClasses = logoSize({ size, className });\n const wrapperClasses = logoWrapper({ variant, tone });\n\n if (variant === 'mark') {\n return (\n <span\n ref={ref}\n {...a11y}\n {...props}\n className={wrapperClasses}\n data-component=\"logo\"\n >\n <AlfadocsLogoMark aria-hidden className={svgClasses} />\n </span>\n );\n }\n\n if (variant === 'monochrome') {\n return (\n <span\n ref={ref}\n {...a11y}\n {...props}\n className={wrapperClasses}\n data-component=\"logo\"\n >\n <AlfadocsLogoNeg aria-hidden className={svgClasses} />\n </span>\n );\n }\n\n // wordmark — bicolor in light, auto-swap to monochrome negative on\n // `.theme-dark` via cascaded descendant-state variants. Both SVGs live\n // in the DOM; CSS handles visibility so the swap is instant and does\n // not depend on React theme detection.\n return (\n <span\n ref={ref}\n {...a11y}\n {...props}\n className={wrapperClasses}\n data-component=\"logo\"\n >\n <AlfadocsLogoMain\n aria-hidden\n className={`${svgClasses} ds:[.theme-dark_&]:hidden`}\n />\n <AlfadocsLogoNeg\n aria-hidden\n className={`${svgClasses} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`}\n />\n </span>\n );\n },\n);\nLogo.displayName = 'Logo';\n"],"names":["AlfadocsLogoMain","forwardRef","props","ref","jsxs","jsx","AlfadocsLogoNeg","AlfadocsLogoMark","logoSize","cva","logoWrapper","Logo","variant","tone","size","className","decorative","ariaLabel","a11y","svgClasses","wrapperClasses"],"mappings":"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"}

package/dist/_chunks/{matrix-rain-BEkvux64.js → matrix-rain-CRPMXcVx.js} RENAMED Viewed

@@ -226,7 +226,13 @@ const ae = 'ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻ
           ie({ background: X, vibe: s, mask: D, maskRadius: K }),
           W
         ].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ G("canvas", { ref: V, className: "ds:absolute ds:inset-0 ds:block ds:size-full" })
+        children: /* @__PURE__ */ G(
+          "canvas",
+          {
+            ref: V,
+            className: "ds:absolute ds:inset-0 ds:block ds:size-full"
+          }
+        )
       }
     );
   }
@@ -235,4 +241,4 @@ me.displayName = "MatrixRain";
 export {
   me as M
 };
-//# sourceMappingURL=matrix-rain-BEkvux64.js.map
+//# sourceMappingURL=matrix-rain-CRPMXcVx.js.map

package/dist/_chunks/matrix-rain-CRPMXcVx.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"matrix-rain-CRPMXcVx.js","sources":["../../src/components/matrix-rain/matrix-rain.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* MatrixRain — decorative canvas overlay. */\n/* */\n/* Falling-glyph \"digital rain\" with a CRT terminal vibe. Designed for */\n/* easter-egg / dev-flavoured surfaces: place inside a relatively- */\n/* positioned container with an `inset-0` className. */\n/* */\n/* Behaviour: */\n/* - Honours `prefers-reduced-motion` (renders nothing, animation off). */\n/* - Pauses while the tab is hidden (visibility API). */\n/* - Pauses when scrolled off-screen (IntersectionObserver). */\n/* - DPR-aware so glyphs stay sharp on HiDPI. */\n/* - Resizes with the container (ResizeObserver). */\n/* - \"Density-by-use\" trail: the per-frame decay alpha is small, so */\n/* columns that fire often accumulate a denser background residue */\n/* than rarely-firing ones — well-trodden paths stay luminous. */\n/* */\n/* The canvas is purely decorative — `aria-hidden=\"true\"`, no focus, no */\n/* visible text. Consumers must own the parent's positioning + stacking. */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Glyph presets */\n/* ------------------------------------------------------------------ */\n\n/**\n * Half-width katakana + Latin digits + a few symbols. The canonical\n * Matrix used reverse-mirrored half-width katakana from a custom font;\n * plain half-width katakana is the closest open approximation.\n */\nconst KATAKANA_GLYPHS =\n 'ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜ' +\n '0123456789:・.\"=*+-<>¦|';\n\nconst HEX_GLYPHS = '0123456789ABCDEF{}[]<>/\\\\;:=$#@!*+-';\nconst BINARY_GLYPHS = '01';\nconst SYMBOL_GLYPHS = '!@#$%^&*()_+-=[]{}|;:,.<>?/';\n\nconst GLYPH_PRESETS = {\n katakana: KATAKANA_GLYPHS,\n hex: HEX_GLYPHS,\n binary: BINARY_GLYPHS,\n symbols: SYMBOL_GLYPHS,\n} as const;\n\ntype GlyphPreset = keyof typeof GLYPH_PRESETS;\n\n/* ------------------------------------------------------------------ */\n/* CVA variants */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva(\n // Wrapper holds the canvas plus optional overlay pseudo-elements.\n // pointer-events-none so the overlay never blocks underlying UI.\n 'ds:pointer-events-none ds:relative ds:overflow-hidden',\n {\n variants: {\n // Built-in surface so the rain has somewhere to read against\n // without the consumer wrapping it themselves.\n // `transparent` (default) lets the parent provide the background.\n // `solid` paints a near-black surface using the brand `blue-900`\n // step from the palette — the rain's brightest glyphs read clean\n // against it in either light or dark theme.\n background: {\n transparent: '',\n solid: 'ds:bg-[var(--color-blue-900)]',\n },\n vibe: {\n // No overlay, no canvas filter — just the rain.\n clean: '',\n // Fallout-CRT stack: vignette + dense scanlines + bloom +\n // per-glyph phosphor glow (canvas-side shadowBlur, applied in\n // the draw loop).\n terminal: [\n \"ds:before:pointer-events-none ds:before:absolute ds:before:inset-0 ds:before:z-[2] ds:before:content-['']\",\n 'ds:before:bg-[radial-gradient(closest-side,transparent_55%,rgb(0_0_0/0.55)_100%)]',\n \"ds:after:pointer-events-none ds:after:absolute ds:after:inset-0 ds:after:z-[1] ds:after:content-['']\",\n 'ds:after:bg-[repeating-linear-gradient(to_bottom,transparent_0,transparent_2px,rgb(0_0_0/0.32)_2px,rgb(0_0_0/0.32)_3px)]',\n 'ds:after:mix-blend-multiply',\n 'ds:[&>canvas]:[filter:blur(0.55px)_brightness(1.25)_contrast(1.1)_saturate(1.3)]',\n ].join(' '),\n // Sci-fi HUD: light scanlines, soft bloom, slow opacity pulse,\n // per-glyph glow. No vignette.\n hologram: [\n \"ds:after:pointer-events-none ds:after:absolute ds:after:inset-0 ds:after:z-[1] ds:after:content-['']\",\n 'ds:after:bg-[repeating-linear-gradient(to_bottom,transparent_0,transparent_3px,rgb(0_0_0/0.18)_3px,rgb(0_0_0/0.18)_4px)]',\n 'ds:after:mix-blend-multiply',\n 'ds:[&>canvas]:[filter:blur(0.4px)_brightness(1.15)_contrast(1.05)]',\n 'ds:[&>canvas]:[animation:matrix-rain-hologram-pulse_3s_ease-in-out_infinite]',\n ].join(' '),\n // Synthwave neon: heavy bloom, no scanlines, indigo horizon\n // glow at the bottom. Glyph colour is computed per-column in\n // the draw loop (accent → info gradient).\n synthwave: [\n \"ds:after:pointer-events-none ds:after:absolute ds:after:inset-x-0 ds:after:bottom-0 ds:after:h-[30%] ds:after:z-[1] ds:after:content-['']\",\n 'ds:after:bg-[linear-gradient(to_top,var(--color-indigo-800),transparent)]',\n 'ds:after:opacity-50',\n 'ds:[&>canvas]:[filter:blur(0.7px)_brightness(1.3)_contrast(1.15)_saturate(1.5)]',\n ].join(' '),\n // Vintage scope monitor: dense thin scanlines, sharp edges\n // (no canvas filter), animated horizontal sweep beam.\n oscilloscope: [\n // Scanlines (denser, alpha-heavier than terminal)\n \"ds:after:pointer-events-none ds:after:absolute ds:after:inset-0 ds:after:z-[1] ds:after:content-['']\",\n 'ds:after:bg-[repeating-linear-gradient(to_bottom,transparent_0,transparent_1px,rgb(0_0_0/0.4)_1px,rgb(0_0_0/0.4)_2px)]',\n 'ds:after:mix-blend-multiply',\n // Sweep beam — thin highlight bar scrolling top → bottom\n \"ds:before:pointer-events-none ds:before:absolute ds:before:inset-x-0 ds:before:top-0 ds:before:z-[2] ds:before:h-[4px] ds:before:content-['']\",\n 'ds:before:bg-[linear-gradient(to_bottom,transparent,var(--foreground),transparent)]',\n 'ds:before:opacity-50',\n 'ds:before:[animation:matrix-rain-osc-sweep_4s_linear_infinite]',\n 'ds:before:mix-blend-screen',\n ].join(' '),\n // Production-friendly: low opacity, no overlay. Pairs with\n // `decay=\"slow\"` (the default) for a faint background-noise\n // feel that doesn't dominate foreground content.\n ghost: 'ds:[&>canvas]:opacity-30',\n },\n // Radial mask that fades the canvas to transparent in the middle\n // so foreground content stays readable. `closest-side` adapts to\n // non-square containers. The `--mr` custom property comes from\n // the `maskRadius` variant below.\n mask: {\n none: '',\n center: [\n 'ds:[&>canvas]:[mask-image:radial-gradient(closest-side,transparent_0%,transparent_var(--mr,30%),black_calc(var(--mr,30%)+45%))]',\n 'ds:[&>canvas]:[-webkit-mask-image:radial-gradient(closest-side,transparent_0%,transparent_var(--mr,30%),black_calc(var(--mr,30%)+45%))]',\n ].join(' '),\n },\n // Mask radius — t-shirt sizes drive the inner clear-zone radius.\n // Only applied when mask=\"center\". md (30%) is the default.\n maskRadius: {\n xs: 'ds:[--mr:15%]',\n sm: 'ds:[--mr:22%]',\n md: 'ds:[--mr:30%]',\n lg: 'ds:[--mr:42%]',\n xl: 'ds:[--mr:55%]',\n },\n },\n defaultVariants: {\n background: 'transparent',\n vibe: 'clean',\n mask: 'none',\n maskRadius: 'md',\n },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* Tone → semantic token resolution */\n/* ------------------------------------------------------------------ */\n\ntype Tone = 'primary' | 'accent' | 'success' | 'error' | 'info';\ntype Density = 'low' | 'medium' | 'high';\ntype Pace = 'gentle' | 'normal' | 'fast';\ntype Decay = 'none' | 'slow' | 'normal' | 'fast';\n\nconst TONE_VAR: Record<Tone, string> = {\n primary: '--primary',\n accent: '--accent',\n success: '--success',\n error: '--error',\n info: '--info',\n};\n\nconst DENSITY_FONT_PX: Record<Density, number> = {\n low: 18,\n medium: 14,\n high: 11,\n};\n\nconst PACE_FRAME_MS: Record<Pace, number> = {\n gentle: 100,\n normal: 60,\n fast: 33,\n};\n\n// Per-frame trail decay alpha. Smaller = trails persist longer = more\n// \"density by use\". `none` skips the decay step entirely; over long\n// uptimes the canvas approaches a saturated noise field. `slow` is the\n// new default that produces the \"well-trodden paths stay bright\" feel.\nconst DECAY_ALPHA: Record<Decay, number | null> = {\n none: null,\n slow: 0.003,\n normal: 0.02,\n fast: 0.08,\n};\n\n/* ------------------------------------------------------------------ */\n/* Props */\n/* ------------------------------------------------------------------ */\n\nexport interface MatrixRainProps extends VariantProps<typeof wrapperVariants> {\n /** Glyph preset name or a literal string of glyphs. Default `katakana`. */\n glyphs?: GlyphPreset | string;\n /** Brand tone for the rain. Resolved against the active theme. */\n tone?: Tone;\n /** Optional explicit colour — any CSS colour value. Overrides `tone` when set. */\n color?: string;\n /** Glyph density — controls font-size. */\n density?: Density;\n /** Animation pace — controls frame interval. */\n pace?: Pace;\n /** Trail persistence — smaller decay = denser cumulative background. */\n decay?: Decay;\n /**\n * Built-in surface beneath the rain. `transparent` (default) lets the\n * parent provide its own background; `solid` paints a near-black\n * surface so the rain reads cleanly without the consumer wrapping it\n * themselves — useful for standalone demos or full-bleed easter eggs.\n */\n background?: 'transparent' | 'solid';\n /**\n * Visual treatment.\n * - `clean` — just the rain.\n * - `terminal` — Fallout-CRT: vignette + scanlines + bloom + glow.\n * - `hologram` — sci-fi HUD: soft scanlines + slow opacity pulse.\n * - `synthwave` — 80s neon: heavy bloom + indigo horizon + accent→\n * info gradient across columns (overrides `tone`).\n * - `oscilloscope` — vintage scope: sharp edges + dense scanlines +\n * animated horizontal beam sweep.\n * - `ghost` — production-friendly faint background variant.\n */\n vibe?:\n | 'clean'\n | 'terminal'\n | 'hologram'\n | 'synthwave'\n | 'oscilloscope'\n | 'ghost';\n /**\n * When `true`, gives each column a stable random speed multiplier\n * (0.6×–1.4× of the base pace) and adds a small horizontal jitter to\n * each glyph. Pairs with any vibe — makes the rain feel alive vs.\n * metronomic.\n */\n storm?: boolean;\n /**\n * Radial mask. `center` fades the canvas to fully transparent in the\n * middle so foreground content sitting over the rain stays readable\n * (e.g. code-block easter egg with copy in the middle).\n */\n mask?: 'none' | 'center';\n /**\n * Inner clear-zone radius for `mask=\"center\"`. Ignored when `mask`\n * is `none`. T-shirt sizes map to: xs 15%, sm 22%, md 30% (default),\n * lg 42%, xl 55%.\n */\n maskRadius?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n /** Class merged onto the wrapper. */\n className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport const MatrixRain = forwardRef<HTMLDivElement, MatrixRainProps>(\n function MatrixRain(\n {\n glyphs = 'katakana',\n tone = 'primary',\n color,\n density = 'medium',\n pace = 'normal',\n decay = 'slow',\n vibe = 'clean',\n storm = false,\n mask = 'none',\n maskRadius = 'md',\n background = 'transparent',\n className,\n },\n ref,\n ) {\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n // Resolve the glyph string from a preset key or literal pass-through.\n const glyphString = useMemo<string>(() => {\n if (glyphs in GLYPH_PRESETS) {\n return GLYPH_PRESETS[glyphs as GlyphPreset];\n }\n return glyphs;\n }, [glyphs]);\n\n const fontSize = DENSITY_FONT_PX[density];\n const frameInterval = PACE_FRAME_MS[pace];\n const decayAlpha = DECAY_ALPHA[decay];\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n\n // Bail entirely under reduced-motion. The CSS overlay is also\n // suppressed by media-query in the consumer's stylesheet if needed\n // — defence in depth, but the JS is the authoritative gate here.\n const reduceMotionMql =\n typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n ? window.matchMedia('(prefers-reduced-motion: reduce)')\n : null;\n if (reduceMotionMql?.matches) return;\n\n // Resolve colour: explicit prop wins; otherwise read the theme\n // token. Final fallback is the canvas's inherited `color` (cascade\n // of the host `<div>`), which the browser always resolves to a\n // usable value — keeps a literal hex out of component code.\n const resolvedColor = (() => {\n if (color) return color;\n if (typeof window === 'undefined') return '';\n const fromVar = getComputedStyle(document.documentElement)\n .getPropertyValue(TONE_VAR[tone])\n .trim();\n return fromVar || getComputedStyle(canvas).color;\n })();\n\n // Resolve --font-mono at runtime so the kit's font fallback chain\n // (incl. Noto Sans JP for katakana) flows through to canvas.\n const fontFamily = (() => {\n if (typeof window === 'undefined') return 'monospace';\n const fromVar = getComputedStyle(document.documentElement)\n .getPropertyValue('--font-mono')\n .trim();\n return fromVar || 'monospace';\n })();\n\n const dpr = window.devicePixelRatio || 1;\n let columns = 0;\n let drops: number[] = [];\n // Synthwave: per-column accent → info gradient. Resolved through\n // a temporary probe element so we get back fully-resolved rgb()\n // strings the canvas API accepts. Empty when not in synthwave.\n let columnColors: string[] = [];\n // Storm: per-column random speed factor (0.6×–1.4× base pace) +\n // glyph horizontal jitter. Stable across frames, recomputed on\n // each fit() so columns stay coherent.\n let columnSpeeds: number[] = [];\n\n const fit = () => {\n const rect = canvas.getBoundingClientRect();\n canvas.width = Math.max(1, Math.floor(rect.width * dpr));\n canvas.height = Math.max(1, Math.floor(rect.height * dpr));\n // Render in CSS pixels so font metrics stay sharp on HiDPI.\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n columns = Math.max(1, Math.floor(rect.width / fontSize));\n drops = new Array(columns).fill(0).map(() =>\n // Random initial offset so columns never start in sync.\n Math.floor(Math.random() * (rect.height / fontSize)),\n );\n\n if (vibe === 'synthwave') {\n // Build the per-column gradient by resolving color-mix()\n // through a probe span. Browser handles the OKLCH math; we\n // just store the resulting rgb() string per column.\n const probe = document.createElement('span');\n probe.style.display = 'none';\n document.documentElement.appendChild(probe);\n columnColors = new Array(columns).fill('').map((_, i) => {\n const t = (i / Math.max(1, columns - 1)) * 100;\n probe.style.color = `color-mix(in oklch, var(--accent) ${\n 100 - t\n }%, var(--info) ${t}%)`;\n const computed = getComputedStyle(probe).color;\n return computed || resolvedColor;\n });\n document.documentElement.removeChild(probe);\n } else {\n columnColors = [];\n }\n\n if (storm) {\n columnSpeeds = new Array(columns)\n .fill(0)\n .map(() => 0.6 + Math.random() * 0.8);\n } else {\n columnSpeeds = [];\n }\n };\n\n let lastFrame = 0;\n let rafHandle = 0;\n let isVisible = true;\n let isOnscreen = true;\n\n const draw = (now: number) => {\n if (now - lastFrame >= frameInterval) {\n lastFrame = now;\n const rect = canvas.getBoundingClientRect();\n\n // Trail decay — `destination-out` fades existing pixels by\n // `decayAlpha` each frame. Skip when `decay === 'none'` so\n // trails are permanent (eventually saturate; intended).\n // Under `destination-out` only the alpha channel matters, so\n // we drive the fade via `globalAlpha` and any opaque CSS-keyword\n // fillStyle — no rgba literal needed.\n if (decayAlpha !== null) {\n ctx.globalCompositeOperation = 'destination-out';\n ctx.globalAlpha = decayAlpha;\n ctx.fillStyle = 'black';\n ctx.fillRect(0, 0, rect.width, rect.height);\n ctx.globalAlpha = 1;\n }\n\n ctx.globalCompositeOperation = 'source-over';\n ctx.font = `${fontSize}px ${fontFamily}`;\n ctx.textBaseline = 'top';\n // Per-glyph phosphor glow (canvas shadowBlur). On for vibes\n // that need an emission envelope; off for sharp variants.\n const wantsGlow =\n vibe === 'terminal' || vibe === 'hologram' || vibe === 'synthwave';\n if (wantsGlow) {\n ctx.shadowColor = resolvedColor;\n ctx.shadowBlur = Math.max(4, fontSize * 0.6);\n } else {\n ctx.shadowBlur = 0;\n }\n\n // Default fill (overridden per-column for synthwave).\n if (vibe !== 'synthwave') ctx.fillStyle = resolvedColor;\n\n for (let i = 0; i < columns; i += 1) {\n const ch = glyphString.charAt(\n Math.floor(Math.random() * glyphString.length),\n );\n // Storm: small horizontal jitter so rows feel alive.\n const jitter = storm ? (Math.random() - 0.5) * 2 : 0;\n const x = i * fontSize + jitter;\n const y = drops[i] * fontSize;\n\n // Synthwave: gradient colour per column.\n if (vibe === 'synthwave' && columnColors[i]) {\n ctx.fillStyle = columnColors[i];\n if (wantsGlow) ctx.shadowColor = columnColors[i];\n }\n\n ctx.fillText(ch, x, y);\n\n // Reset randomly once past the bottom so columns restart\n // staggered rather than all at once.\n if (y > rect.height && Math.random() > 0.97) {\n drops[i] = 0;\n }\n // Storm: per-column variable advance speed.\n drops[i] += storm ? columnSpeeds[i] || 1 : 1;\n }\n }\n rafHandle = window.requestAnimationFrame(draw);\n };\n\n const start = () => {\n if (rafHandle) return;\n if (!isVisible || !isOnscreen) return;\n lastFrame = window.performance ? window.performance.now() : 0;\n rafHandle = window.requestAnimationFrame(draw);\n };\n const stop = () => {\n if (rafHandle) {\n window.cancelAnimationFrame(rafHandle);\n rafHandle = 0;\n }\n };\n\n fit();\n start();\n\n // Resize with the container.\n const resizeObserver =\n typeof ResizeObserver !== 'undefined' ? new ResizeObserver(fit) : null;\n resizeObserver?.observe(canvas);\n const onWindowResize = () => fit();\n if (!resizeObserver) window.addEventListener('resize', onWindowResize);\n\n // Pause when tab is hidden.\n const onVisibility = () => {\n isVisible = !document.hidden;\n if (isVisible) start();\n else stop();\n };\n document.addEventListener('visibilitychange', onVisibility);\n\n // Pause when scrolled off-screen.\n const intersectionObserver =\n typeof IntersectionObserver !== 'undefined'\n ? new IntersectionObserver(\n (entries) => {\n isOnscreen = entries.some((e) => e.isIntersecting);\n if (isOnscreen) start();\n else stop();\n },\n { threshold: 0 },\n )\n : null;\n intersectionObserver?.observe(canvas);\n\n // Pause if reduced-motion gets toggled at runtime.\n const onReduceMotionChange = () => {\n if (reduceMotionMql?.matches) stop();\n else start();\n };\n reduceMotionMql?.addEventListener?.('change', onReduceMotionChange);\n\n return () => {\n stop();\n resizeObserver?.disconnect();\n intersectionObserver?.disconnect();\n if (!resizeObserver)\n window.removeEventListener('resize', onWindowResize);\n document.removeEventListener('visibilitychange', onVisibility);\n reduceMotionMql?.removeEventListener?.('change', onReduceMotionChange);\n };\n }, [\n glyphString,\n tone,\n color,\n fontSize,\n frameInterval,\n decayAlpha,\n vibe,\n storm,\n ]);\n\n return (\n <div\n ref={ref}\n aria-hidden=\"true\"\n data-component=\"matrix-rain\"\n className={[\n wrapperVariants({ background, vibe, mask, maskRadius }),\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <canvas\n ref={canvasRef}\n className=\"ds:absolute ds:inset-0 ds:block ds:size-full\"\n />\n </div>\n );\n },\n);\n\nMatrixRain.displayName = 'MatrixRain';\n"],"names":["KATAKANA_GLYPHS","HEX_GLYPHS","BINARY_GLYPHS","SYMBOL_GLYPHS","GLYPH_PRESETS","wrapperVariants","cva","TONE_VAR","DENSITY_FONT_PX","PACE_FRAME_MS","DECAY_ALPHA","MatrixRain","forwardRef","glyphs","tone","color","density","pace","decay","vibe","storm","mask","maskRadius","background","className","ref","canvasRef","useRef","glyphString","useMemo","fontSize","frameInterval","decayAlpha","useEffect","canvas","ctx","reduceMotionMql","resolvedColor","fontFamily","dpr","columns","drops","columnColors","columnSpeeds","fit","rect","probe","_","i","t","lastFrame","rafHandle","isVisible","isOnscreen","draw","now","wantsGlow","ch","jitter","x","y","start","stop","resizeObserver","onWindowResize","onVisibility","intersectionObserver","entries","e","onReduceMotionChange","_a","jsx"],"mappings":"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"}

package/dist/_chunks/{message-card-qAp2-WQK.js → message-card-ChCX9Iv6.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as R, useMemo as B, useState as L, useRef as U, useCallback as W } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { I as H } from "./icon-button-Wnnde5lc.js";
-import { B as N } from "./button-7mLWcMp_.js";
-import { A as X } from "./avatar-Dcr6XuDQ.js";
-import { T as q } from "./timestamp-BV2lC-wV.js";
+import { forwardRef as B, useMemo as L, useState as U, useRef as W, useCallback as _ } from "react";
+import { c as E } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { I as X } from "./icon-button-C4CGcYuz.js";
+import { B as k } from "./button-DD_0Xdmr.js";
+import { A as q } from "./avatar-Dcr6XuDQ.js";
+import { T as D } from "./timestamp-BV2lC-wV.js";
 import { X as G } from "./x-CCcI3eJp.js";
-const J = _(
+const J = E(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -58,7 +58,7 @@ const J = _(
       state: "read"
     }
   }
-), k = [
+), j = [
   "ds:focus-visible:outline-none",
   "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
   "ds:after:pointer-events-auto",
@@ -71,45 +71,48 @@ const J = _(
 function O(e) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
 }
-const Q = R(
+const Q = B(
   ({
     item: e,
     variant: d = "compact",
-    size: g = "sm",
+    size: h = "sm",
     onActivate: r,
     onDismiss: t,
     ctaLabel: c,
     dismissLabel: u,
-    leaving: h,
-    className: j,
-    ...T
-  }, z) => {
-    const { t: o, i18n: v } = E(), K = B(() => {
+    leaving: b,
+    className: T,
+    ...z
+  }, K) => {
+    const { t: n, i18n: v } = H(), M = L(() => {
       const s = new Date(e.sentAt);
       return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
         dateStyle: "medium",
         timeStyle: "short"
       }).format(s);
-    }, [e.sentAt, v.language]), f = h !== void 0, [M, S] = L(!1), m = U(null), b = f ? h : M, x = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = W(() => {
-      if (!t) return;
-      if (f || x) {
-        t(e);
-        return;
-      }
-      S(!0), m.current && clearTimeout(m.current);
-      const s = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", C = s.trim().endsWith("ms") ? parseFloat(s) : parseFloat(s) * 1e3;
-      m.current = setTimeout(
-        () => t(e),
-        Number.isFinite(C) ? C : 200
-      );
-    }, [t, e, f, x]), V = e.read ? "read" : "unread", F = e.read ? "" : o("ui.messageCard.unreadSuffix", ", unread"), I = e.subject ? o("ui.messageCard.subjectFragment", {
+    }, [e.sentAt, v.language]), f = b !== void 0, [S, V] = U(!1), m = W(null), x = f ? b : S, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = _(
+      (s) => {
+        if (s == null || s.preventDefault(), s == null || s.stopPropagation(), !t) return;
+        if (f || w) {
+          t(e);
+          return;
+        }
+        V(!0), m.current && clearTimeout(m.current);
+        const g = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", N = g.trim().endsWith("ms") ? parseFloat(g) : parseFloat(g) * 1e3;
+        m.current = setTimeout(
+          () => t(e),
+          Number.isFinite(N) ? N : 200
+        );
+      },
+      [t, e, f, w]
+    ), F = e.read ? "read" : "unread", P = e.read ? "" : n("ui.messageCard.unreadSuffix", ", unread"), I = e.subject ? n("ui.messageCard.subjectFragment", {
       subject: e.subject,
       defaultValue: " — {{subject}}"
-    }) : "", y = o("ui.messageCard.itemLabel", {
+    }) : "", C = n("ui.messageCard.itemLabel", {
       sender: e.sender.name,
       subjectFragment: I,
-      time: K,
-      unreadSuffix: F,
+      time: M,
+      unreadSuffix: P,
       defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
     }), p = !!e.url && O(e.url), i = /* @__PURE__ */ a(
       "span",
@@ -121,28 +124,28 @@ const Q = R(
         children: e.sender.name
       }
     );
-    let n;
-    d === "compact" && p && r ? n = /* @__PURE__ */ a(
+    let o;
+    d === "compact" && p && r ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
-        "aria-label": y,
-        className: k + " ds:contents",
+        "aria-label": C,
+        className: j + " ds:contents",
         onClick: (s) => {
           s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r(e);
         },
         children: i
       }
-    ) : d === "compact" && r ? n = /* @__PURE__ */ a(
+    ) : d === "compact" && r ? o = /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        "aria-label": y,
-        className: k + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
+        "aria-label": C,
+        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
         onClick: () => r(e),
         children: i
       }
-    ) : d === "dashboard" && p && r ? n = /* @__PURE__ */ a(
+    ) : d === "dashboard" && p && r ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
@@ -152,26 +155,27 @@ const Q = R(
         },
         children: i
       }
-    ) : n = i;
-    const P = typeof e.unreadCount == "number" && e.unreadCount > 1;
+    ) : o = i;
+    const R = typeof e.unreadCount == "number" && e.unreadCount > 1;
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: z,
+        ref: K,
         role: "listitem",
         "data-component": "message-card",
+        "data-component-id": e.id,
         "data-read": e.read ? "true" : "false",
-        "data-leaving": b ? "true" : void 0,
-        "aria-hidden": b || void 0,
-        className: J({ variant: d, size: g, state: V, className: j }),
-        ...T,
+        "data-leaving": x ? "true" : void 0,
+        "aria-hidden": x || void 0,
+        className: J({ variant: d, size: h, state: F, className: T }),
+        ...z,
         children: [
           /* @__PURE__ */ a(
-            X,
+            q,
             {
               name: e.sender.name,
               src: e.sender.avatarUrl,
-              size: g === "md" ? "md" : "sm",
+              size: h === "md" ? "md" : "sm",
               className: "ds:shrink-0",
               "aria-hidden": "true",
               role: "presentation",
@@ -187,11 +191,11 @@ const Q = R(
                   className: "ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]"
                 }
               ),
-              d === "dashboard" ? /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: n }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: n }),
-              P ? /* @__PURE__ */ a(
+              d === "dashboard" ? /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: o }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: o }),
+              R ? /* @__PURE__ */ a(
                 "span",
                 {
-                  "aria-label": o("ui.messageCard.threadCount", {
+                  "aria-label": n("ui.messageCard.threadCount", {
                     count: e.unreadCount,
                     defaultValue_one: "{{count}} new message in thread",
                     defaultValue_other: "{{count}} new messages in thread"
@@ -213,7 +217,7 @@ const Q = R(
             ) : null,
             /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: e.preview }),
             /* @__PURE__ */ a(
-              q,
+              D,
               {
                 value: e.sentAt,
                 shape: "chip",
@@ -223,7 +227,7 @@ const Q = R(
             ),
             d === "dashboard" && (c || u) ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
               c && p ? /* @__PURE__ */ a(
-                N,
+                k,
                 {
                   intent: "outline",
                   size: "sm",
@@ -242,11 +246,11 @@ const Q = R(
                 }
               ) : null,
               u && t ? /* @__PURE__ */ a(
-                N,
+                k,
                 {
                   intent: "link",
                   size: "sm",
-                  onClick: w,
+                  onClick: y,
                   className: "ds:relative ds:z-[1]",
                   children: u
                 }
@@ -254,13 +258,13 @@ const Q = R(
             ] }) : null
           ] }),
           d === "compact" && t ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
-            H,
+            X,
             {
               icon: /* @__PURE__ */ a(G, {}),
               intent: "ghost",
               size: "sm",
-              "aria-label": o("ui.messageCard.dismiss", "Dismiss message"),
-              onClick: w
+              "aria-label": n("ui.messageCard.dismiss", "Dismiss message"),
+              onClick: y
             }
           ) }) : null
         ]
@@ -273,4 +277,4 @@ export {
   Q as M,
   O as i
 };
-//# sourceMappingURL=message-card-qAp2-WQK.js.map
+//# sourceMappingURL=message-card-ChCX9Iv6.js.map