@nexub/react 1.5.1 → 1.7.0

package/dist/chunk-643EYCLL.js

@@ -0,0 +1,54 @@
+'use client';
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/ThinkingIndicator/ThinkingIndicator.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var fallbackMessages = { thinking: "Thinking" };
+var ThinkingIndicator = React.forwardRef(
+  ({ label, size = "md", messages: messagesProp, className, ...props }, ref) => {
+    const m = {
+      ...fallbackMessages,
+      ...useNexubMessages(),
+      ...messagesProp
+    };
+    const text = label === void 0 ? m.thinking : label;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "inline-flex items-center text-[var(--color-on-surface-variant)]",
+          size === "sm" ? "gap-2 text-label-md" : "gap-2.5 text-body-md",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "nx-morph shrink-0 rounded-full bg-[var(--color-primary)]",
+                size === "sm" ? "size-4" : "size-5"
+              )
+            }
+          ),
+          text === null ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: m.thinking }) : /* @__PURE__ */ jsx("span", { className: "nx-shimmer", children: text })
+        ]
+      }
+    );
+  }
+);
+ThinkingIndicator.displayName = "ThinkingIndicator";
+
+export {
+  ThinkingIndicator
+};

package/dist/{chunk-CNNJFWFA.js → chunk-6BGUZQAX.js}

@@ -12,14 +12,14 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var linkVariants = cva(
   [
     "inline-flex items-center gap-1 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)] rounded-sm"
+    "rounded-shape-min"
   ],
   {
     variants: {
       variant: {
-        default: "text-[var(--color-brand-primary-500)] hover:text-[var(--color-brand-primary-600)]",
-        muted: "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]",
-        underlined: "text-[var(--color-brand-primary-500)] underline underline-offset-4 hover:text-[var(--color-brand-primary-600)]"
+        default: "text-[var(--color-primary)] underline-offset-4 hover:underline",
+        muted: "text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)]",
+        underlined: "text-[var(--color-primary)] underline underline-offset-4 hover:decoration-2"
       }
     },
     defaultVariants: {

package/dist/{chunk-LDYD7WL3.js → chunk-6ECOCGZG.js}

@@ -16,8 +16,9 @@ var logoVariants = cva("inline-flex min-w-0 max-w-full items-center gap-2", {
       lg: "h-10"
     },
     tone: {
-      default: "text-[var(--color-text-primary)]",
-      inverse: "text-white"
+      default: "text-[var(--color-on-surface)]",
+      // Brand asset: the inverse mark is always white (on dark or imagery), in both themes.
+      inverse: "text-[var(--color-palette-neutral-100)]"
     }
   },
   defaultVariants: {
@@ -84,7 +85,7 @@ var Logo = React.forwardRef(
                   wordmarkSizeMap[resolvedSize],
                   // leading-normal so the clip box doesn't cut descenders.
                   "min-w-0 truncate font-medium tracking-tight leading-normal",
-                  resolvedTone === "inverse" ? "opacity-70" : "text-[var(--color-text-muted)]"
+                  resolvedTone === "inverse" ? "opacity-70" : "text-[var(--color-on-surface-muted)]"
                 ),
                 children: product
               }

package/dist/{chunk-3AXIMXDU.js → chunk-6JBQAJJD.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  layoutProps
+} from "./chunk-VLQGQFW7.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -25,22 +28,13 @@ var Grid = React.forwardRef(
     ...rest
   }, ref) => {
     const Comp = asChild ? Slot : "div";
-    const inlineStyle = {
-      ...cols !== void 0 ? {
-        gridTemplateColumns: typeof cols === "number" ? `repeat(${cols}, minmax(0, 1fr))` : cols
-      } : {},
-      ...rows !== void 0 ? {
-        gridTemplateRows: typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows
-      } : {},
-      ...gap !== void 0 ? { gap: typeof gap === "number" ? `${gap * 0.25}rem` : gap } : {},
-      ...style
-    };
+    const layout = layoutProps({ gap, cols, rows, style });
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ref,
-        className: cn("grid", flow && flowClass[flow], className),
-        style: inlineStyle,
+        className: cn("grid", layout.className, flow && flowClass[flow], className),
+        style: layout.style,
         ...rest,
         children
       }

package/dist/{chunk-YRDCY6BI.js → chunk-6UKNUI46.js}

@@ -3,24 +3,6 @@ import {
   useIsomorphicLayoutEffect
 } from "./chunk-NHUQLIHL.js";
 
-// src/hooks/useMergedRefs.ts
-import { useCallback, useRef } from "react";
-function setRef(ref, value) {
-  if (!ref) return;
-  if (typeof ref === "function") {
-    ref(value);
-  } else {
-    ref.current = value;
-  }
-}
-function useMergedRefs(...refs) {
-  const refsRef = useRef(refs);
-  refsRef.current = refs;
-  return useCallback((node) => {
-    for (const ref of refsRef.current) setRef(ref, node);
-  }, []);
-}
-
 // src/hooks/useSlidingIndicator.ts
 function useSlidingIndicator(ref, activeSelector) {
   useIsomorphicLayoutEffect(() => {
@@ -50,6 +32,5 @@ function useSlidingIndicator(ref, activeSelector) {
 }
 
 export {
-  useMergedRefs,
   useSlidingIndicator
 };

package/dist/chunk-77LYWSJW.js

@@ -0,0 +1,85 @@
+'use client';
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/StatusPill/StatusPill.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var statusPillVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-shape-control px-2.5 py-1 text-xs font-medium select-none",
+  {
+    variants: {
+      tone: {
+        neutral: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-variant)] border border-[var(--color-outline-variant)]",
+        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border border-[color-mix(in_srgb,var(--color-info)_35%,transparent)]",
+        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border border-[color-mix(in_srgb,var(--color-success)_35%,transparent)]",
+        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border border-[color-mix(in_srgb,var(--color-warning)_35%,transparent)]",
+        danger: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border border-[color-mix(in_srgb,var(--color-error)_35%,transparent)]",
+        leap: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)] border border-[color-mix(in_srgb,var(--color-leap)_35%,transparent)]",
+        bookub: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)] border border-[color-mix(in_srgb,var(--color-bookub)_35%,transparent)]",
+        payub: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)] border border-[color-mix(in_srgb,var(--color-payub)_35%,transparent)]",
+        founderub: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)] border border-[color-mix(in_srgb,var(--color-founderub)_35%,transparent)]"
+      }
+    },
+    defaultVariants: {
+      tone: "neutral"
+    }
+  }
+);
+var dotColorMap = {
+  neutral: "bg-[var(--color-outline)]",
+  info: "bg-[var(--color-info)]",
+  success: "bg-[var(--color-success)]",
+  warning: "bg-[var(--color-warning)]",
+  danger: "bg-[var(--color-error)]",
+  leap: "bg-[var(--color-leap)]",
+  bookub: "bg-[var(--color-bookub)]",
+  payub: "bg-[var(--color-payub)]",
+  founderub: "bg-[var(--color-founderub)]"
+};
+var pulseTones = ["success", "info"];
+var StatusPill = React.forwardRef(
+  ({ className, tone = "neutral", label, dot = false, ...props }, ref) => {
+    const shouldPulse = dot && pulseTones.includes(tone);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(statusPillVariants({ tone }), className),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsxs("span", { className: "relative inline-flex h-2 w-2 shrink-0", children: [
+            shouldPulse && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
+                  dotColorMap[tone]
+                ),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "relative inline-flex rounded-full h-2 w-2",
+                  dotColorMap[tone]
+                )
+              }
+            )
+          ] }),
+          label
+        ]
+      }
+    );
+  }
+);
+StatusPill.displayName = "StatusPill";
+
+export {
+  statusPillVariants,
+  StatusPill
+};

package/dist/{chunk-NCRFKPA4.js → chunk-7MSIOYJZ.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  layoutProps
+} from "./chunk-VLQGQFW7.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -27,18 +30,13 @@ var Flex = React.forwardRef(
     ...rest
   }, ref) => {
     const Comp = asChild ? Slot : "div";
-    const inlineStyle = {
-      ...gap !== void 0 ? { gap: typeof gap === "number" ? `${gap * 0.25}rem` : gap } : {},
-      ...align ? { alignItems: align } : {},
-      ...justify ? { justifyContent: justify } : {},
-      ...style
-    };
+    const layout = layoutProps({ gap, align, justify, style });
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ref,
-        className: cn("flex", directionClass[direction], wrap && "flex-wrap", className),
-        style: inlineStyle,
+        className: cn("flex", layout.className, directionClass[direction], wrap && "flex-wrap", className),
+        style: layout.style,
         ...rest,
         children
       }

package/dist/{chunk-GIGOTRXX.js → chunk-7VJABRKB.js}

@@ -1,8 +1,7 @@
 'use client';
 import {
-  enterExit,
   floatingSurface
-} from "./chunk-KQPLFVFR.js";
+} from "./chunk-FLZD7HQY.js";
 import {
   glassSurfaceClass
 } from "./chunk-DEIBF3P7.js";
@@ -28,13 +27,7 @@ var Content2 = React.forwardRef(
         className: cn(
           "z-[var(--z-popover)] p-4 outline-none",
           floatingSurface,
-          enterExit,
-          "outline-none",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-          "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
-          "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+          "nx-motion nx-pop origin-[var(--radix-popover-content-transform-origin)]",
           surface === "glass" && glassSurfaceClass,
           className
         ),
@@ -51,7 +44,7 @@ var Arrow2 = React.forwardRef(
       RadixPopover.Arrow,
       {
         ref,
-        className: cn("fill-[var(--color-border-default)]", className),
+        className: cn("fill-[var(--color-outline-variant)]", className),
         ...props
       }
     );

package/dist/{chunk-6QLLH6ID.js → chunk-7XWJCFWI.js}

@@ -1,12 +1,11 @@
 'use client';
 import {
-  enterExit,
   floatingSurface,
   menuContent,
   menuItem,
   menuLabel,
   menuSeparator
-} from "./chunk-KQPLFVFR.js";
+} from "./chunk-FLZD7HQY.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -32,10 +31,7 @@ var Content2 = React.forwardRef(
           "z-[var(--z-popover)] min-w-48 outline-none",
           floatingSurface,
           menuContent,
-          enterExit,
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-          "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+          "nx-motion nx-pop origin-[var(--radix-context-menu-content-transform-origin)]",
           className
         ),
         ...props
@@ -94,11 +90,11 @@ var CheckboxItem2 = React.forwardRef(function ContextMenuCheckboxItem({ classNam
     RadixContextMenu.CheckboxItem,
     {
       ref,
-      className: cn(itemBaseClasses, "pl-8", className),
+      className: cn(itemBaseClasses, "ps-8", className),
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -110,10 +106,10 @@ var RadioItem2 = React.forwardRef(function ContextMenuRadioItem({ className, chi
     RadixContextMenu.RadioItem,
     {
       ref,
-      className: cn(itemBaseClasses, "pl-8", className),
+      className: cn(itemBaseClasses, "ps-8", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", { className: "h-2 w-2 fill-current", viewBox: "0 0 8 8", "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", { className: "h-2 w-2 fill-current", viewBox: "0 0 8 8", "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
         children
       ]
     }
@@ -133,7 +129,7 @@ var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, c
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto h-4 w-4 rtl:-scale-x-100" })
       ]
     }
   );
@@ -148,12 +144,7 @@ var SubContent2 = React.forwardRef(function ContextMenuSubContent({ className, .
         "z-[var(--z-popover)] min-w-48 outline-none",
         floatingSurface,
         menuContent,
-        enterExit,
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
-        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        "nx-motion nx-pop origin-[var(--radix-context-menu-content-transform-origin)]",
         className
       ),
       ...props

package/dist/chunk-A3O23F2B.js

@@ -0,0 +1 @@
+'use client';

package/dist/chunk-AGYGWU6C.js

@@ -0,0 +1,88 @@
+'use client';
+import {
+  useIntlLocale
+} from "./chunk-24ZFAXB2.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/NumberTicker/NumberTicker.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SHIFT = [
+  "translate-y-0",
+  "-translate-y-[10%]",
+  "-translate-y-[20%]",
+  "-translate-y-[30%]",
+  "-translate-y-[40%]",
+  "-translate-y-[50%]",
+  "-translate-y-[60%]",
+  "-translate-y-[70%]",
+  "-translate-y-[80%]",
+  "-translate-y-[90%]"
+];
+var DIGITS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function Char({ char, className, enter }) {
+  const [entering] = React.useState(enter);
+  const motion = entering ? { "data-motion": "from-fade" } : {};
+  if (!/^[0-9]$/.test(char)) {
+    return /* @__PURE__ */ jsx("span", { className: cn(entering && "nx-motion", className), ...motion, children: char });
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-digit": char,
+      className: cn("relative inline-block overflow-clip", entering && "nx-motion", className),
+      ...motion,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "invisible", children: "0" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "absolute inset-x-0 top-0 flex h-[1000%] flex-col text-center",
+              "transition-transform duration-spatial-default ease-spatial-default motion-reduce:transition-none",
+              SHIFT[Number(char)]
+            ),
+            children: DIGITS.map((d) => /* @__PURE__ */ jsx("span", { className: "h-[10%]", children: d }, d))
+          }
+        )
+      ]
+    }
+  );
+}
+var NumberTicker = React.forwardRef(
+  ({ value, format, locale: localeProp, className, "aria-live": ariaLive = "off", ...props }, ref) => {
+    const locale = useIntlLocale(localeProp);
+    const parts = typeof value === "number" ? [{ value: new Intl.NumberFormat(locale, format).format(value) }] : typeof value === "string" ? [{ value }] : value;
+    const chars = parts.flatMap((p) => Array.from(p.value, (char) => ({ char, className: p.className })));
+    const text = parts.map((p) => p.value).join("");
+    const mounted = React.useRef(false);
+    React.useEffect(() => {
+      mounted.current = true;
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("whitespace-nowrap tabular-nums", className),
+        "aria-live": ariaLive,
+        "aria-atomic": "true",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: text }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: chars.map(({ char, className: cls }, i) => {
+            const fromEnd = chars.length - 1 - i;
+            const kind = /^[0-9]$/.test(char) ? "d" : `s${char}`;
+            return /* @__PURE__ */ jsx(Char, { char, className: cls, enter: mounted.current }, `${fromEnd}${kind}`);
+          }) })
+        ]
+      }
+    );
+  }
+);
+NumberTicker.displayName = "NumberTicker";
+
+export {
+  NumberTicker
+};

package/dist/chunk-AT2DSFP3.js

@@ -0,0 +1,47 @@
+'use client';
+import {
+  SelectableCardContent,
+  selectableCardClass,
+  useCardIds
+} from "./chunk-K5FKEAAK.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/CheckboxCard/CheckboxCard.tsx
+import * as React from "react";
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { jsx } from "react/jsx-runtime";
+var CheckboxCard = React.forwardRef(
+  ({ className, icon, title, description, children, onCheckedChange, ...props }, ref) => {
+    const ids = useCardIds(description != null);
+    return /* @__PURE__ */ jsx(
+      RadixCheckbox.Root,
+      {
+        ref,
+        "aria-labelledby": ids.titleId,
+        "aria-describedby": ids.describedBy,
+        className: cn(selectableCardClass, className),
+        onCheckedChange: onCheckedChange ? (c) => onCheckedChange(c === true) : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          SelectableCardContent,
+          {
+            icon,
+            title,
+            description,
+            titleId: ids.titleId,
+            descriptionId: ids.descriptionId,
+            shape: "square",
+            children
+          }
+        )
+      }
+    );
+  }
+);
+CheckboxCard.displayName = "CheckboxCard";
+
+export {
+  CheckboxCard
+};

package/dist/{chunk-IIPYF6ZQ.js → chunk-B254JXS7.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -9,21 +12,21 @@ import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var alertVariants = cva(
   [
-    "relative flex gap-3 rounded-lg border-l-4 p-4",
+    "relative flex gap-3 rounded-shape-container border-s-4 p-4",
     "w-full"
   ],
   {
     variants: {
       tone: {
-        neutral: "bg-[var(--color-bg-subtle)] border-l-[var(--color-neutral-500)] text-[var(--color-text-primary)]",
-        info: "bg-[var(--color-semantic-info-default)]/8 border-l-[var(--color-semantic-info-default)] text-[var(--color-semantic-info-default)]",
-        success: "bg-[var(--color-semantic-success-default)]/8 border-l-[var(--color-semantic-success-default)] text-[var(--color-semantic-success-default)]",
-        warning: "bg-[var(--color-semantic-warning-default)]/8 border-l-[var(--color-semantic-warning-default)] text-[var(--color-semantic-warning-default)]",
-        danger: "bg-[var(--color-semantic-error-default)]/8 border-l-[var(--color-semantic-error-default)] text-[var(--color-semantic-error-default)]",
-        leap: "bg-[var(--color-leap-500)]/8 border-l-[var(--color-leap-500)] text-[var(--color-leap-700)]",
-        bookub: "bg-[var(--color-bookub-500)]/8 border-l-[var(--color-bookub-500)] text-[var(--color-bookub-700)]",
-        payub: "bg-[var(--color-payub-500)]/8 border-l-[var(--color-payub-500)] text-[var(--color-payub-700)]",
-        founderub: "bg-[var(--color-founderub-500)]/8 border-l-[var(--color-founderub-500)] text-[var(--color-founderub-700)]"
+        neutral: "bg-[var(--color-surface-container-low)] border-s-[var(--color-outline)] text-[var(--color-on-surface)]",
+        info: "bg-[var(--color-info-container)] border-s-[var(--color-info)] text-[var(--color-on-info-container)]",
+        success: "bg-[var(--color-success-container)] border-s-[var(--color-success)] text-[var(--color-on-success-container)]",
+        warning: "bg-[var(--color-warning-container)] border-s-[var(--color-warning)] text-[var(--color-on-warning-container)]",
+        danger: "bg-[var(--color-error-container)] border-s-[var(--color-error)] text-[var(--color-on-error-container)]",
+        leap: "bg-[var(--color-leap-container)] border-s-[var(--color-leap)] text-[var(--color-on-leap-container)]",
+        bookub: "bg-[var(--color-bookub-container)] border-s-[var(--color-bookub)] text-[var(--color-on-bookub-container)]",
+        payub: "bg-[var(--color-payub-container)] border-s-[var(--color-payub)] text-[var(--color-on-payub-container)]",
+        founderub: "bg-[var(--color-founderub-container)] border-s-[var(--color-founderub)] text-[var(--color-on-founderub-container)]"
       }
     },
     defaultVariants: {
@@ -42,6 +45,7 @@ var Alert = React.forwardRef(
     children,
     ...props
   }, ref) => {
+    const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -61,11 +65,10 @@ var Alert = React.forwardRef(
             "button",
             {
               type: "button",
-              "aria-label": "Dismiss alert",
+              "aria-label": messages.dismissAlert,
               onClick: onClose,
               className: cn(
-                "shrink-0 inline-flex items-center justify-center rounded-md w-6 h-6 opacity-60 hover:opacity-100 transition-opacity",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)]"
+                "nx-state-layer shrink-0 inline-flex items-center justify-center rounded-full w-6 h-6"
               ),
               children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 2L2 10M2 2l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
             }

package/dist/{chunk-GRB6T2TT.js → chunk-BSL62LBX.js}

@@ -2,6 +2,9 @@
 import {
   glassSurfaceClass
 } from "./chunk-DEIBF3P7.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -33,18 +36,21 @@ var Logo = React.forwardRef(
 );
 Logo.displayName = "TopNav.Logo";
 var Menu = React.forwardRef(
-  ({ className, ...props }, ref) => (
-    // Scrolls horizontally on narrow screens rather than hiding the links.
-    /* @__PURE__ */ jsx(
-      "nav",
-      {
-        ref,
-        "aria-label": "Main",
-        className: cn("flex min-w-0 items-center gap-1 overflow-x-auto", className),
-        ...props
-      }
-    )
-  )
+  ({ className, ...props }, ref) => {
+    const messages = useNexubMessages();
+    return (
+      // Scrolls horizontally on narrow screens rather than hiding the links.
+      /* @__PURE__ */ jsx(
+        "nav",
+        {
+          ref,
+          "aria-label": messages.mainNavigation,
+          className: cn("flex min-w-0 items-center gap-1 overflow-x-auto", className),
+          ...props
+        }
+      )
+    );
+  }
 );
 Menu.displayName = "TopNav.Menu";
 var Item = React.forwardRef(
@@ -67,7 +73,7 @@ var Item = React.forwardRef(
 );
 Item.displayName = "TopNav.Item";
 var Actions = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ml-auto flex items-center gap-2", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ms-auto flex items-center gap-2", className), ...props })
 );
 Actions.displayName = "TopNav.Actions";
 var TopNav = { Root, Logo, Menu, Item, Actions };