@nexub/react 1.5.1 → 1.7.0

package/dist/chunk-TAVVXXGO.js

@@ -0,0 +1,131 @@
+'use client';
+import {
+  HoverCard
+} from "./chunk-KE4YVG5Q.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/Citation/Citation.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var fallbackMessages = {
+  sources: "Sources",
+  source: (index) => `Source ${index}`
+};
+function useCitationMessages(overrides) {
+  const provided = useNexubMessages();
+  return { ...fallbackMessages, sources: provided.sources ?? fallbackMessages.sources, source: provided.source ?? fallbackMessages.source, ...overrides };
+}
+function safeUrl(url) {
+  if (!url) return void 0;
+  try {
+    const u = new URL(url);
+    return u.protocol === "http:" || u.protocol === "https:" ? u.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function sourceDomain(source) {
+  if (source.domain) return source.domain;
+  const href = safeUrl(source.url);
+  return href ? new URL(href).hostname.replace(/^www\./, "") : "";
+}
+function Favicon({ source, className }) {
+  const src = safeUrl(source.favicon);
+  const [failed, setFailed] = React.useState(false);
+  const base = cn("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", className);
+  if (src && !failed) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: "",
+        referrerPolicy: "no-referrer",
+        loading: "lazy",
+        onError: () => setFailed(true),
+        className: cn(base, "object-cover")
+      }
+    );
+  }
+  const letter = (sourceDomain(source) || source.title).charAt(0).toUpperCase();
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn(base, "bg-[var(--color-surface-container-high)] text-label-sm text-[var(--color-on-surface-variant)]"), children: letter });
+}
+var linkProps = { target: "_blank", rel: "noopener noreferrer" };
+var Citation = React.forwardRef(
+  ({ index, source, messages, className, ...props }, ref) => {
+    const m = useCitationMessages(messages);
+    const href = safeUrl(source.url);
+    const label = `${m.source(index)}: ${source.title}`;
+    const domain = sourceDomain(source);
+    const marker = cn(
+      "mx-0.5 inline-flex h-5 min-w-[1.25rem] items-center justify-center rounded-shape-control px-1.5 align-middle",
+      "bg-[var(--color-secondary-container)] text-label-sm leading-none text-[var(--color-on-secondary-container)] no-underline",
+      href && "nx-state-layer",
+      className
+    );
+    return /* @__PURE__ */ jsxs(HoverCard.Root, { children: [
+      /* @__PURE__ */ jsx(HoverCard.Trigger, { asChild: true, children: href ? /* @__PURE__ */ jsx("a", { ref, href, ...linkProps, "aria-label": label, className: marker, ...props, children: index }) : /* @__PURE__ */ jsxs("span", { ref, className: marker, ...props, children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: index }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+      ] }) }),
+      /* @__PURE__ */ jsxs(HoverCard.Content, { className: "w-72", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Favicon, { source, className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-label-sm text-[var(--color-on-surface-muted)]", children: domain })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 line-clamp-2 text-title-sm text-[var(--color-on-surface)]", children: source.title }),
+        source.snippet && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-3 text-body-sm text-[var(--color-on-surface-variant)]", children: source.snippet })
+      ] })
+    ] });
+  }
+);
+Citation.displayName = "Citation";
+var SourceChip = React.forwardRef(
+  ({ source, className, ...props }, ref) => {
+    const href = safeUrl(source.url);
+    const cls = cn(
+      "inline-flex h-9 max-w-[16rem] items-center gap-2 rounded-shape-control border border-[var(--color-outline-variant)] px-3",
+      "bg-[var(--color-surface-container-low)] text-label-md text-[var(--color-on-surface)] no-underline",
+      href && "nx-state-layer",
+      className
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Favicon, { source, className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[var(--color-on-surface-muted)]", children: sourceDomain(source) }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: source.title })
+    ] });
+    return href ? /* @__PURE__ */ jsx("a", { ref, href, ...linkProps, className: cls, ...props, children: content }) : /* @__PURE__ */ jsx("span", { ref, className: cls, ...props, children: content });
+  }
+);
+SourceChip.displayName = "SourceChip";
+var SourceList = React.forwardRef(
+  ({ sources, messages, className, ...props }, ref) => {
+    const m = useCitationMessages(messages);
+    const id = React.useId();
+    return /* @__PURE__ */ jsxs("section", { ref, "aria-labelledby": id, className: cn("[container-type:inline-size]", className), ...props, children: [
+      /* @__PURE__ */ jsx("p", { id, className: "mb-2 text-label-md text-[var(--color-on-surface-variant)]", children: m.sources }),
+      /* @__PURE__ */ jsx(
+        "ul",
+        {
+          className: cn(
+            "flex snap-x snap-mandatory scroll-px-1 gap-2 overflow-x-auto p-1",
+            "[@container(min-width:480px)]:flex-wrap [@container(min-width:480px)]:overflow-x-visible"
+          ),
+          children: sources.map((s, i) => /* @__PURE__ */ jsx("li", { className: "shrink-0 snap-start", children: /* @__PURE__ */ jsx(SourceChip, { source: s }) }, `${i}-${s.url}`))
+        }
+      )
+    ] });
+  }
+);
+SourceList.displayName = "SourceList";
+
+export {
+  safeUrl,
+  Citation,
+  SourceChip,
+  SourceList
+};

package/dist/{chunk-BFRX6X4O.js → chunk-TZ6KJIR4.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -8,22 +11,25 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Root = React.forwardRef(
-  ({ className, collapsed = false, ...props }, ref) => /* @__PURE__ */ jsx(
-    "nav",
-    {
-      ref,
-      "aria-label": "Sidebar",
-      "data-collapsed": collapsed,
-      className: cn(
-        // Chrome recedes: a tonal panel, no divider.
-        "group/sidebar flex flex-col gap-1 bg-[var(--color-surface-container-low)] transition-[width] duration-spatial-default ease-spatial-default",
-        collapsed ? "w-[var(--size-nav-sidebar-collapsed,56px)]" : "w-[var(--size-nav-sidebar,240px)]",
-        "h-full overflow-y-auto overflow-x-hidden",
-        className
-      ),
-      ...props
-    }
-  )
+  ({ className, collapsed = false, ...props }, ref) => {
+    const messages = useNexubMessages();
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": messages.sidebar,
+        "data-collapsed": collapsed,
+        className: cn(
+          // Chrome recedes: a tonal panel, no divider.
+          "group/sidebar flex flex-col gap-1 bg-[var(--color-surface-container-low)] transition-[width] duration-spatial-default ease-spatial-default",
+          collapsed ? "w-[var(--size-nav-sidebar-collapsed,56px)]" : "w-[var(--size-nav-sidebar,240px)]",
+          "h-full overflow-y-auto overflow-x-hidden",
+          className
+        ),
+        ...props
+      }
+    );
+  }
 );
 Root.displayName = "Sidebar.Root";
 var Header = React.forwardRef(
@@ -48,7 +54,7 @@ var Header = React.forwardRef(
 Header.displayName = "Sidebar.Header";
 var Group = React.forwardRef(
   ({ className, label, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-0.5 p-2", className), ...props, children: [
-    label && /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-xs font-semibold uppercase tracking-wider text-[var(--color-text-muted)]", children: label }),
+    label && /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-xs font-semibold uppercase tracking-wider text-[var(--color-on-surface-muted)]", children: label }),
     children
   ] })
 );

package/dist/{chunk-V3TETH4J.js → chunk-U2ZYPPRG.js}

@@ -3,9 +3,12 @@ import {
   useClassScrollLock
 } from "./chunk-47UGX37F.js";
 import {
-  enterExit,
-  overlaySurface
-} from "./chunk-KQPLFVFR.js";
+  overlaySurface,
+  scrim
+} from "./chunk-FLZD7HQY.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -16,13 +19,15 @@ import * as RadixDialog from "@radix-ui/react-dialog";
 import { Command } from "cmdk";
 import { Search } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-var overlayClasses = "fixed inset-0 z-[var(--z-modal)] bg-[color-mix(in_srgb,#000_40%,transparent)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 duration-effects-default ease-effects-default";
+var overlayClasses = cn("fixed inset-0 z-[var(--z-modal)] nx-motion", scrim);
 function ClassLockOverlay() {
   useClassScrollLock();
   return /* @__PURE__ */ jsx("div", { "data-state": "open", className: overlayClasses });
 }
 var Root2 = React.forwardRef(
-  ({ children, label = "Command palette", scrollLock = "style", shouldFilter, ...props }, ref) => {
+  ({ children, label: labelProp, scrollLock = "style", shouldFilter, ...props }, ref) => {
+    const messages = useNexubMessages();
+    const label = labelProp ?? messages.commandPalette;
     const returnFocusRef = React.useRef(null);
     return /* @__PURE__ */ jsx(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
       scrollLock === "class" ? /* @__PURE__ */ jsx(ClassLockOverlay, {}) : /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: overlayClasses }),
@@ -40,12 +45,8 @@ var Root2 = React.forwardRef(
           },
           className: cn(
             "fixed left-1/2 top-[20%] z-[var(--z-modal)] w-[calc(100%-2rem)] max-w-xl -translate-x-1/2",
-            "overflow-hidden",
-            overlaySurface,
-            enterExit,
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
+            "nx-motion nx-dialog overflow-hidden",
+            overlaySurface
           ),
           children: [
             /* @__PURE__ */ jsx(RadixDialog.Title, { className: "sr-only", children: label }),
@@ -55,7 +56,7 @@ var Root2 = React.forwardRef(
                 label,
                 shouldFilter,
                 loop: true,
-                className: "flex h-full w-full flex-col overflow-hidden text-[var(--color-text-primary)]",
+                className: "flex h-full w-full flex-col overflow-hidden text-[var(--color-on-surface)]",
                 children
               }
             )
@@ -66,14 +67,14 @@ var Root2 = React.forwardRef(
   }
 );
 Root2.displayName = "CommandPalette.Root";
-var Input = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-[var(--color-border-default)] px-3", children: [
-  /* @__PURE__ */ jsx(Search, { size: "sm", className: "mr-2 shrink-0 opacity-50", "aria-hidden": "true" }),
+var Input = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-[var(--color-outline-variant)] px-3", children: [
+  /* @__PURE__ */ jsx(Search, { size: "sm", className: "me-2 shrink-0 opacity-50", "aria-hidden": "true" }),
   /* @__PURE__ */ jsx(
     Command.Input,
     {
       ref,
       className: cn(
-        "flex h-control-xl w-full bg-transparent text-body-lg outline-none placeholder:text-[var(--color-text-placeholder)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
+        "flex h-control-xl w-full bg-transparent text-body-lg outline-none placeholder:text-[var(--color-on-surface-muted)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -134,7 +135,7 @@ var Separator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   Command.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+    className: cn("-mx-1 my-1 h-px bg-[var(--color-outline-variant)]", className),
     ...props
   }
 ));

package/dist/{chunk-AHT35UWY.js → chunk-UTLKZPKJ.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -22,10 +25,10 @@ var chipVariants = cva(
         success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
         warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
         danger: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
-        leap: "bg-[color:light-dark(var(--color-palette-leap-90),var(--color-palette-leap-30))] text-[color:light-dark(var(--color-palette-leap-10),var(--color-palette-leap-90))]",
-        bookub: "bg-[color:light-dark(var(--color-palette-bookub-90),var(--color-palette-bookub-30))] text-[color:light-dark(var(--color-palette-bookub-10),var(--color-palette-bookub-90))]",
-        payub: "bg-[color:light-dark(var(--color-palette-payub-90),var(--color-palette-payub-30))] text-[color:light-dark(var(--color-palette-payub-10),var(--color-palette-payub-90))]",
-        founderub: "bg-[color:light-dark(var(--color-palette-founderub-90),var(--color-palette-founderub-30))] text-[color:light-dark(var(--color-palette-founderub-10),var(--color-palette-founderub-90))]"
+        leap: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)]",
+        bookub: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)]",
+        payub: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)]",
+        founderub: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)]"
       }
     },
     defaultVariants: {
@@ -36,6 +39,7 @@ var chipVariants = cva(
 );
 var Chip = React.forwardRef(
   ({ className, size, tone = "neutral", onRemove, children, ...props }, ref) => {
+    const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
       "span",
       {
@@ -48,14 +52,14 @@ var Chip = React.forwardRef(
             "button",
             {
               type: "button",
-              "aria-label": "Remove",
+              "aria-label": messages.remove,
               onClick: (e) => {
                 e.stopPropagation();
                 onRemove();
               },
               className: cn(
                 // State layer for hover/press; focus = the global ring.
-                "nx-state-layer inline-flex items-center justify-center rounded-full text-current -mr-1",
+                "nx-state-layer inline-flex items-center justify-center rounded-full text-current -me-1",
                 size === "sm" ? "w-4 h-4" : "w-5 h-5"
               ),
               children: /* @__PURE__ */ jsx(

package/dist/{chunk-OJRSPDNJ.js → chunk-VD4RFTNV.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";
@@ -59,12 +58,7 @@ var contentBaseClasses = cn(
   "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-menubar-content-transform-origin)]"
 );
 var Content2 = React.forwardRef(
   function MenubarContent({ className, sideOffset = 8, ...props }, ref) {
@@ -130,11 +124,11 @@ var CheckboxItem2 = React.forwardRef(function MenubarCheckboxItem({ className, c
     RadixMenubar.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(RadixMenubar.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(RadixMenubar.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -146,10 +140,10 @@ var RadioItem2 = React.forwardRef(function MenubarRadioItem({ className, childre
     RadixMenubar.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(RadixMenubar.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(RadixMenubar.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
       ]
     }
@@ -169,7 +163,7 @@ var SubTrigger2 = React.forwardRef(function MenubarSubTrigger({ className, child
       ...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" })
       ]
     }
   );
@@ -192,7 +186,7 @@ var Arrow2 = React.forwardRef(
       RadixMenubar.Arrow,
       {
         ref,
-        className: cn("fill-[var(--color-border-default)]", className),
+        className: cn("fill-[var(--color-outline-variant)]", className),
         ...props
       }
     );

package/dist/chunk-VLQGQFW7.js

@@ -0,0 +1,110 @@
+'use client';
+
+// src/utils/layout.ts
+var GAP = {
+  "0": "gap-0",
+  "0.5": "gap-0.5",
+  "1": "gap-1",
+  "1.5": "gap-1.5",
+  "2": "gap-2",
+  "2.5": "gap-2.5",
+  "3": "gap-3",
+  "3.5": "gap-3.5",
+  "4": "gap-4",
+  "5": "gap-5",
+  "6": "gap-6",
+  "7": "gap-7",
+  "8": "gap-8",
+  "9": "gap-9",
+  "10": "gap-10",
+  "11": "gap-11",
+  "12": "gap-12",
+  "14": "gap-14",
+  "16": "gap-16",
+  "20": "gap-20",
+  "24": "gap-24"
+};
+var ALIGN = {
+  start: "items-start",
+  "flex-start": "items-start",
+  end: "items-end",
+  "flex-end": "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+};
+var JUSTIFY = {
+  start: "justify-start",
+  "flex-start": "justify-start",
+  end: "justify-end",
+  "flex-end": "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  "space-between": "justify-between",
+  around: "justify-around",
+  "space-around": "justify-around",
+  evenly: "justify-evenly",
+  "space-evenly": "justify-evenly",
+  stretch: "justify-stretch"
+};
+var COLS = {
+  "1": "grid-cols-1",
+  "2": "grid-cols-2",
+  "3": "grid-cols-3",
+  "4": "grid-cols-4",
+  "5": "grid-cols-5",
+  "6": "grid-cols-6",
+  "7": "grid-cols-7",
+  "8": "grid-cols-8",
+  "9": "grid-cols-9",
+  "10": "grid-cols-10",
+  "11": "grid-cols-11",
+  "12": "grid-cols-12"
+};
+var ROWS = {
+  "1": "grid-rows-1",
+  "2": "grid-rows-2",
+  "3": "grid-rows-3",
+  "4": "grid-rows-4",
+  "5": "grid-rows-5",
+  "6": "grid-rows-6",
+  "7": "grid-rows-7",
+  "8": "grid-rows-8",
+  "9": "grid-rows-9",
+  "10": "grid-rows-10",
+  "11": "grid-rows-11",
+  "12": "grid-rows-12"
+};
+function layoutProps({ gap, align, justify, cols, rows, style }) {
+  const className = [];
+  const s = {};
+  if (gap !== void 0) {
+    const cls = typeof gap === "number" ? GAP[String(gap)] : void 0;
+    if (cls) className.push(cls);
+    else s.gap = typeof gap === "number" ? `${gap * 0.25}rem` : gap;
+  }
+  if (align) {
+    if (ALIGN[align]) className.push(ALIGN[align]);
+    else s.alignItems = align;
+  }
+  if (justify) {
+    if (JUSTIFY[justify]) className.push(JUSTIFY[justify]);
+    else s.justifyContent = justify;
+  }
+  if (cols !== void 0) {
+    const cls = typeof cols === "number" ? COLS[String(cols)] : void 0;
+    if (cls) className.push(cls);
+    else s.gridTemplateColumns = typeof cols === "number" ? `repeat(${cols}, minmax(0, 1fr))` : cols;
+  }
+  if (rows !== void 0) {
+    const cls = typeof rows === "number" ? ROWS[String(rows)] : void 0;
+    if (cls) className.push(cls);
+    else s.gridTemplateRows = typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows;
+  }
+  const merged = { ...s, ...style };
+  return { className, style: Object.keys(merged).length ? merged : void 0 };
+}
+
+export {
+  layoutProps
+};

package/dist/{chunk-RTDUTWJ4.js → chunk-VMT7Y3AT.js}

@@ -1,10 +1,9 @@
 'use client';
 import {
-  enterExit,
   floatingSurface,
   menuLabel,
   menuSeparator
-} from "./chunk-KQPLFVFR.js";
+} from "./chunk-FLZD7HQY.js";
 import {
   field,
   fieldFocusVisible,
@@ -33,7 +32,7 @@ var Trigger2 = React.forwardRef(
         fieldFocusVisible,
         // Open reads like focus: the 2px primary border.
         "data-[state=open]:border-[var(--color-primary)] data-[state=open]:shadow-[inset_0_0_0_1px_var(--color-primary)]",
-        "data-[placeholder]:text-[var(--color-text-placeholder)]",
+        "data-[placeholder]:text-[var(--color-on-surface-muted)]",
         "disabled:cursor-not-allowed disabled:border-[var(--color-outline-variant)] disabled:bg-[var(--color-surface-container-low)] disabled:text-[var(--color-text-disabled)]",
         invalid && fieldInvalid,
         "[&>span]:line-clamp-1",
@@ -80,9 +79,7 @@ var Content2 = React.forwardRef(
       className: cn(
         "relative z-[var(--z-popover)] max-h-96 min-w-32 overflow-hidden",
         floatingSurface,
-        enterExit,
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+        "nx-motion nx-pop origin-[var(--radix-select-content-transform-origin)]",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 w-[var(--radix-select-trigger-width)]",
         className
       ),
@@ -123,7 +120,7 @@ var Item2 = React.forwardRef(
     {
       ref,
       className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-[10px] py-2 pl-8 pr-2 text-body-sm text-[var(--color-on-surface)] outline-none",
+        "relative flex w-full cursor-default select-none items-center rounded-[10px] py-2 ps-8 pe-2 text-body-sm text-[var(--color-on-surface)] outline-none",
         // Highlight = the on-surface state layer at hover opacity.
         "focus:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
         "data-[disabled]:pointer-events-none data-[disabled]:text-[var(--color-text-disabled)]",
@@ -131,7 +128,7 @@ var Item2 = React.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: "xs", "aria-hidden": "true" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: "xs", "aria-hidden": "true" }) }) }),
         /* @__PURE__ */ jsx(RadixSelect.ItemText, { children })
       ]
     }

package/dist/{chunk-AXOKFS4K.js → chunk-W3KO3JNZ.js}

@@ -1,7 +1,13 @@
 'use client';
+import {
+  NumberTicker
+} from "./chunk-AGYGWU6C.js";
 import {
   moneyFormatter
 } from "./chunk-CIQHFMF6.js";
+import {
+  useIntlLocale
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -15,8 +21,11 @@ var sizes = {
   lg: "text-title-lg",
   display: "font-display text-display-sm"
 };
+var mutedClass = "text-[0.55em] font-semibold text-[var(--color-on-surface-variant)]";
+var muted = (type) => type === "currency" || type === "decimal" || type === "fraction";
 var Amount = React.forwardRef(
-  ({ value, currency, locale, size = "md", tone = "neutral", signDisplay, className, ...props }, ref) => {
+  ({ value, currency, locale: localeProp, size = "md", tone = "neutral", signDisplay, animate = false, className, ...props }, ref) => {
+    const locale = useIntlLocale(localeProp);
     const parts = moneyFormatter(currency, locale, { signDisplay }).formatToParts(value);
     const quiet = size === "display";
     return /* @__PURE__ */ jsx(
@@ -32,10 +41,17 @@ var Amount = React.forwardRef(
           className
         ),
         ...props,
-        children: parts.map((p, i) => {
+        children: animate ? /* @__PURE__ */ jsx(
+          NumberTicker,
+          {
+            value: parts.map((p) => ({
+              value: p.type === "minusSign" ? "\u2212" : p.value,
+              className: quiet && muted(p.type) ? mutedClass : void 0
+            }))
+          }
+        ) : parts.map((p, i) => {
           const text = p.type === "minusSign" ? "\u2212" : p.value;
-          const muted = quiet && (p.type === "currency" || p.type === "decimal" || p.type === "fraction");
-          return muted ? /* @__PURE__ */ jsx("span", { className: "text-[0.55em] font-semibold text-[var(--color-on-surface-variant)]", children: text }, i) : /* @__PURE__ */ jsx(React.Fragment, { children: text }, i);
+          return quiet && muted(p.type) ? /* @__PURE__ */ jsx("span", { className: mutedClass, children: text }, i) : /* @__PURE__ */ jsx(React.Fragment, { children: text }, i);
         })
       }
     );

package/dist/{chunk-LGQ737BP.js → chunk-WHTLXQB6.js}

@@ -23,7 +23,7 @@ var ButtonGroup = React.forwardRef(
           attached ? [
             "gap-0.5",
             "[&>*:not(:first-child):not(:last-child)]:rounded-[6px]",
-            orientation === "horizontal" ? ["[&>*:first-child]:rounded-r-[6px]", "[&>*:last-child]:rounded-l-[6px]"] : ["[&>*:first-child]:rounded-b-[6px]", "[&>*:last-child]:rounded-t-[6px]"]
+            orientation === "horizontal" ? ["[&>*:first-child]:rounded-e-[6px]", "[&>*:last-child]:rounded-s-[6px]"] : ["[&>*:first-child]:rounded-b-[6px]", "[&>*:last-child]:rounded-t-[6px]"]
           ] : "gap-2",
           className
         ),

package/dist/chunk-WLRRMT6W.js

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

package/dist/{chunk-2FCSWBSM.js → chunk-WMWX6DPB.js}

@@ -25,7 +25,7 @@ var Illustration = React.forwardRef(
     "div",
     {
       ref,
-      className: cn("text-[var(--color-text-muted)]", className),
+      className: cn("text-[var(--color-on-surface-muted)]", className),
       ...props
     }
   )
@@ -36,7 +36,7 @@ var Title = React.forwardRef(
     "h3",
     {
       ref,
-      className: cn("text-lg font-semibold text-[var(--color-text-primary)]", className),
+      className: cn("text-lg font-semibold text-[var(--color-on-surface)]", className),
       ...props
     }
   )
@@ -46,7 +46,7 @@ var Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "p",
   {
     ref,
-    className: cn("max-w-sm text-sm text-[var(--color-text-muted)]", className),
+    className: cn("max-w-sm text-sm text-[var(--color-on-surface-muted)]", className),
     ...props
   }
 ));