@nexub/react 1.5.1 → 1.7.0

package/dist/chunk-24ZFAXB2.js

@@ -0,0 +1,101 @@
+'use client';
+
+// src/components/NexubProvider/NexubProvider.tsx
+import * as React from "react";
+import { DirectionProvider } from "@radix-ui/react-direction";
+import { jsx } from "react/jsx-runtime";
+var defaultMessages = {
+  close: "Close",
+  dismissAlert: "Dismiss alert",
+  dismissBanner: "Dismiss banner",
+  remove: "Remove",
+  removeFilter: "Remove filter",
+  removeFile: (fileName) => `Remove ${fileName}`,
+  uploadFiles: "Upload files",
+  clickToUpload: "Click to upload",
+  orDragAndDrop: "or drag and drop",
+  clearSearch: "Clear search",
+  showPassword: "Show password",
+  hidePassword: "Hide password",
+  increment: "Increment",
+  decrement: "Decrement",
+  loading: "Loading\u2026",
+  pagination: "Pagination",
+  previousPage: "Go to previous page",
+  nextPage: "Go to next page",
+  goToPage: (page) => `Go to page ${page}`,
+  breadcrumb: "breadcrumb",
+  breadcrumbMore: "More",
+  moreCount: (count) => `${count} more`,
+  rating: "Rating",
+  ratingStars: (stars) => `${stars} star${stars !== 1 ? "s" : ""}`,
+  mainNavigation: "Main",
+  sidebar: "Sidebar",
+  searchPlaceholder: "Search\u2026",
+  noResults: "No results found.",
+  pickDate: "Pick a date",
+  pickDateRange: "Pick a date range",
+  previousMonth: "Go to previous month",
+  nextMonth: "Go to next month",
+  calendarNavigation: "Calendar navigation",
+  todayDate: (date) => `Today, ${date}`,
+  selectedDate: (label) => `${label}, selected`,
+  commandPalette: "Command palette",
+  notifications: "Notifications ({hotkey})",
+  undo: "Undo",
+  promptLabel: "Message",
+  sendMessage: "Send message",
+  stopGenerating: "Stop generating",
+  promptHint: "Press Enter to send, Shift+Enter for a new line",
+  thinking: "Thinking",
+  youSaid: "You said",
+  assistantSaid: "Assistant said",
+  failedToSend: "Failed to send",
+  retry: "Retry",
+  copy: "Copy",
+  copied: "Copied",
+  goodResponse: "Good response",
+  badResponse: "Bad response",
+  regenerate: "Regenerate",
+  sources: "Sources",
+  source: (n) => `Source ${n}`,
+  jumpToLatest: "Jump to latest",
+  conversation: "Conversation"
+};
+var NexubContext = React.createContext({
+  locale: void 0,
+  dir: "ltr",
+  dateLocale: void 0,
+  messages: defaultMessages
+});
+var RTL_LANGUAGES = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur"]);
+function directionOf(locale) {
+  return RTL_LANGUAGES.has(locale.toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr";
+}
+function NexubProvider({ locale = "en", dir, dateLocale, messages, children }) {
+  const resolvedDir = dir ?? directionOf(locale);
+  const value = React.useMemo(
+    () => ({ locale, dir: resolvedDir, dateLocale, messages: { ...defaultMessages, ...messages } }),
+    [locale, resolvedDir, dateLocale, messages]
+  );
+  return /* @__PURE__ */ jsx(NexubContext.Provider, { value, children: /* @__PURE__ */ jsx(DirectionProvider, { dir: resolvedDir, children }) });
+}
+function useNexubMessages() {
+  return React.useContext(NexubContext).messages;
+}
+function useLocale() {
+  const { locale = "en", dir, dateLocale } = React.useContext(NexubContext);
+  return { locale, dir, dateLocale };
+}
+function useIntlLocale(explicit) {
+  const ctx = React.useContext(NexubContext).locale;
+  return explicit ?? ctx;
+}
+
+export {
+  defaultMessages,
+  NexubProvider,
+  useNexubMessages,
+  useLocale,
+  useIntlLocale
+};

package/dist/{chunk-XR4NBY54.js → chunk-2DYKENBM.js}

@@ -8,19 +8,19 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var calloutVariants = cva(
-  "flex gap-2.5 rounded-md px-3 py-2.5 text-sm",
+  "flex gap-2.5 rounded-shape-container px-3 py-2.5 text-sm",
   {
     variants: {
       tone: {
-        neutral: "bg-[var(--color-bg-subtle)] text-[var(--color-text-primary)]",
-        info: "bg-[var(--color-semantic-info-default)]/10 text-[var(--color-semantic-info-default)]",
-        success: "bg-[var(--color-semantic-success-default)]/10 text-[var(--color-semantic-success-default)]",
-        warning: "bg-[var(--color-semantic-warning-default)]/10 text-[var(--color-semantic-warning-default)]",
-        danger: "bg-[var(--color-semantic-error-default)]/10 text-[var(--color-semantic-error-default)]",
-        leap: "bg-[var(--color-leap-500)]/10 text-[var(--color-leap-700)]",
-        bookub: "bg-[var(--color-bookub-500)]/10 text-[var(--color-bookub-700)]",
-        payub: "bg-[var(--color-payub-500)]/10 text-[var(--color-payub-700)]",
-        founderub: "bg-[var(--color-founderub-500)]/10 text-[var(--color-founderub-700)]"
+        neutral: "bg-[var(--color-surface-container-low)] text-[var(--color-on-surface)]",
+        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
+        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-[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: {

package/dist/{chunk-SVQCINRE.js → chunk-2I7FIU6R.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  toneTextClasses
+} from "./chunk-C6JRJ6JW.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -51,16 +54,16 @@ var Heading = React.forwardRef(
     const resolvedSize = size ?? levelSizeMap[level];
     const Tag = `h${level}`;
     const Comp = asChild ? Slot : Tag;
-    const toneStyle = tone && tone !== "default" ? { color: `var(--color-text-${tone})` } : {};
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ref,
         className: cn(
           headingVariants({ size: resolvedSize, weight }),
+          tone && tone !== "default" && toneTextClasses[tone],
           className
         ),
-        style: { ...toneStyle, ...style },
+        style,
         "data-tone": tone,
         ...rest,
         children

package/dist/{chunk-S46W2QER.js → chunk-37L5ERUJ.js}

@@ -1,4 +1,10 @@
 'use client';
+import {
+  disabledText
+} from "./chunk-7SXR4PGO.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -8,12 +14,14 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FilterChip = React.forwardRef(
   ({ className, selected = false, count, onRemove, children, ...props }, ref) => {
+    const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
       "span",
       {
         className: cn(
-          "inline-flex items-center gap-1 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors",
-          selected ? "bg-[var(--color-fill-accent)] text-white border-[var(--color-fill-accent)]" : "bg-[var(--color-bg-subtle)] text-[var(--color-text-primary)] border-[var(--color-border-default)] hover:bg-[var(--color-bg-muted)]"
+          // Matches Chip; hover/press come from the state layer.
+          "nx-state-layer inline-flex items-center gap-1 rounded-shape-control border h-8 px-3 text-label-lg select-none",
+          selected ? "bg-[var(--color-secondary-container)] text-[var(--color-on-secondary-container)] border-transparent" : "bg-[var(--color-surface-container-low)] text-[var(--color-on-surface-variant)] border-[var(--color-outline-variant)]"
         ),
         children: [
           /* @__PURE__ */ jsxs(
@@ -22,9 +30,8 @@ var FilterChip = React.forwardRef(
               ref,
               type: "button",
               className: cn(
-                "inline-flex items-center gap-1 bg-transparent border-0 p-0 m-0 cursor-pointer",
-                "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",
-                selected ? "text-white" : "text-[var(--color-text-primary)]",
+                "inline-flex items-center gap-1 bg-transparent border-0 p-0 m-0 cursor-pointer rounded-shape-control text-current",
+                disabledText,
                 className
               ),
               "aria-pressed": selected,
@@ -35,8 +42,8 @@ var FilterChip = React.forwardRef(
                   "span",
                   {
                     className: cn(
-                      "inline-flex items-center justify-center rounded-full text-xs font-semibold px-1.5 min-w-[1.25rem] h-5",
-                      selected ? "bg-white/20 text-white" : "bg-[var(--color-bg-muted)] text-[var(--color-text-muted)]"
+                      "inline-flex items-center justify-center rounded-full text-label-sm px-1.5 min-w-[1.25rem] h-5",
+                      selected ? "bg-[var(--color-on-secondary-container)] text-[var(--color-secondary-container)]" : "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-variant)]"
                     ),
                     children: count
                   }
@@ -48,15 +55,14 @@ var FilterChip = React.forwardRef(
             "button",
             {
               type: "button",
-              "aria-label": "Remove filter",
+              "aria-label": messages.removeFilter,
               onClick: (e) => {
                 e.stopPropagation();
                 onRemove();
               },
               className: cn(
-                "inline-flex items-center justify-center rounded-full w-4 h-4 text-xs transition-colors",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-1",
-                selected ? "text-white hover:bg-white/20" : "text-[var(--color-text-muted)] hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]"
+                // State layer for hover/press; focus = the global ring.
+                "nx-state-layer inline-flex items-center justify-center rounded-full w-5 h-5 -me-1 text-current"
               ),
               children: /* @__PURE__ */ jsx(
                 "svg",

package/dist/{chunk-CWS37T3K.js → chunk-3E7X3YK3.js}

@@ -1,8 +1,10 @@
 'use client';
 import {
-  useMergedRefs,
   useSlidingIndicator
-} from "./chunk-YRDCY6BI.js";
+} from "./chunk-6UKNUI46.js";
+import {
+  useMergedRefs
+} from "./chunk-MNEXMMLM.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-EZ23IA3H.js → chunk-3LTB6TGN.js}

@@ -9,13 +9,13 @@ import * as RadixScrollArea from "@radix-ui/react-scroll-area";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ScrollArea = React.forwardRef(
   ({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(RadixScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-    /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { tabIndex: 0, className: "h-full w-full rounded-[inherit]", children }),
     (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(
       RadixScrollArea.Scrollbar,
       {
-        className: "flex touch-none select-none transition-colors h-full w-2.5 border-l border-l-transparent p-[1px]",
+        className: "flex touch-none select-none transition-colors h-full w-2.5 border-s border-s-transparent p-[1px]",
         orientation: "vertical",
-        children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-[var(--color-border-default)]" })
+        children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-[var(--color-outline-variant)]" })
       }
     ),
     (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(
@@ -23,7 +23,7 @@ var ScrollArea = React.forwardRef(
       {
         className: "flex touch-none select-none transition-colors flex-col h-2.5 border-t border-t-transparent p-[1px]",
         orientation: "horizontal",
-        children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-[var(--color-border-default)]" })
+        children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-[var(--color-outline-variant)]" })
       }
     ),
     /* @__PURE__ */ jsx(RadixScrollArea.Corner, {})

package/dist/chunk-3QD76BKT.js

@@ -0,0 +1,80 @@
+'use client';
+import {
+  glassSurfaceClass
+} from "./chunk-DEIBF3P7.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/MediaCard/MediaCard.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ratioClass = {
+  "16/9": "aspect-video",
+  "4/3": "aspect-[4/3]",
+  "1/1": "aspect-square",
+  "3/4": "aspect-[3/4]"
+};
+var MediaCard = React.forwardRef(
+  ({ src, alt, ratio = "16/9", title, description, eyebrow, href, className, children, ...props }, ref) => {
+    const hasCaption = title != null || description != null || eyebrow != null || children != null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "group relative grid overflow-hidden rounded-shape-container border border-[color-mix(in_srgb,var(--color-outline-variant)_60%,transparent)] bg-[var(--color-surface-container-high)]",
+          href && "shadow-elevation-1 transition-[box-shadow,transform] duration-effects-fast ease-effects-fast hover:shadow-elevation-2 hover:duration-spatial-default hover:ease-spatial-default motion-safe:hover:-translate-y-0.5 has-[a:focus-visible]:outline has-[a:focus-visible]:outline-[3px] has-[a:focus-visible]:outline-offset-2 has-[a:focus-visible]:outline-[var(--color-primary)]",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: cn("relative [grid-area:1/1]", ratioClass[ratio]), children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src,
+              alt,
+              loading: "lazy",
+              decoding: "async",
+              className: cn(
+                "absolute inset-0 h-full w-full object-cover",
+                href && "transition-transform duration-effects-fast ease-effects-fast motion-safe:group-hover:scale-[1.03] group-hover:duration-spatial-default group-hover:ease-spatial-default"
+              )
+            }
+          ) }),
+          hasCaption && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none h-2/3 self-end bg-gradient-to-t from-[color-mix(in_srgb,var(--color-scrim,black)_45%,transparent)] to-transparent [grid-area:1/1]"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "m-1 grid self-end [grid-area:1/1]", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  "data-material": "glass",
+                  "data-glass-thickness": "thin",
+                  className: cn("rounded-shape-field [grid-area:1/1]", glassSurfaceClass)
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "z-[1] flex flex-col gap-0.5 px-3 py-2.5 [grid-area:1/1]", children: [
+                eyebrow != null && /* @__PURE__ */ jsx("span", { className: "text-label-sm text-[var(--color-on-surface-variant)]", children: eyebrow }),
+                title != null && /* @__PURE__ */ jsx("h3", { className: "text-title-sm text-[var(--color-on-surface)]", children: href ? /* @__PURE__ */ jsx("a", { href, className: "after:absolute after:inset-0 after:content-[''] focus-visible:outline-none", children: title }) : title }),
+                description != null && /* @__PURE__ */ jsx("p", { className: "text-body-sm text-[var(--color-on-surface-variant)]", children: description }),
+                children != null && /* @__PURE__ */ jsx("div", { className: "relative z-[1] mt-2 flex flex-wrap gap-2", children })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+MediaCard.displayName = "MediaCard";
+
+export {
+  MediaCard
+};

package/dist/{chunk-PQ6GU7SG.js → chunk-4HQFOIZW.js}

@@ -1,7 +1,13 @@
 'use client';
 import {
   inputWrapperVariants
-} from "./chunk-IK23Q2OF.js";
+} from "./chunk-JHVYI5GK.js";
+import {
+  disabledText
+} from "./chunk-7SXR4PGO.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -36,6 +42,7 @@ var NumberInput = React.forwardRef(
     ...props
   }, ref) => {
     const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const messages = useNexubMessages();
     const controlled = value !== void 0;
     const currentValue = controlled ? value : internalValue;
     const commit = (next) => {
@@ -51,12 +58,11 @@ var NumberInput = React.forwardRef(
     const decrement = () => commit(currentValue - step);
     const stepperButtonClass = cn(
       "flex items-center justify-center px-2 self-stretch shrink-0",
-      "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]",
-      "hover:bg-[var(--color-bg-subtle)] transition-colors",
-      "disabled:opacity-50 disabled:pointer-events-none",
-      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-ring-default)]"
+      // State layer for hover/press; tabIndex -1, so no focus styling needed.
+      "nx-state-layer text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)]",
+      disabledText
     );
-    return /* @__PURE__ */ jsxs("div", { className: cn(inputWrapperVariants({ size, invalid }), "pr-0 gap-0", className), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn(inputWrapperVariants({ size, invalid }), "pe-0 gap-0 overflow-hidden", className), children: [
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -71,19 +77,19 @@ var NumberInput = React.forwardRef(
           "aria-invalid": invalid ?? void 0,
           className: cn(
             // Wrapper owns ALL focus styling — strip every indicator from the inner input.
-            "flex-1 min-w-0 bg-transparent text-[var(--color-text-primary)]",
+            "flex-1 min-w-0 bg-transparent text-[var(--color-on-surface)]",
             "border-0 shadow-none",
             "outline-none focus:outline-none focus-visible:outline-none",
             "ring-0 focus:ring-0 focus-visible:ring-0",
-            "placeholder:text-[var(--color-text-placeholder)]",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "placeholder:text-[var(--color-on-surface-muted)]",
+            "disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
             "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-            size === "sm" ? "text-sm" : size === "lg" ? "text-base" : "text-sm"
+            size === "sm" ? "text-body-sm" : "text-body-md"
           ),
           ...props
         }
       ),
-      showSteppers && /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-l border-[var(--color-border-default)] self-stretch", children: [
+      showSteppers && /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-s border-[var(--color-outline-variant)] self-stretch", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -91,8 +97,8 @@ var NumberInput = React.forwardRef(
             tabIndex: -1,
             onClick: increment,
             disabled: disabled || max !== void 0 && currentValue >= max,
-            className: cn(stepperButtonClass, "border-b border-[var(--color-border-default)] text-xs leading-none flex-1"),
-            "aria-label": "Increment",
+            className: cn(stepperButtonClass, "border-b border-[var(--color-outline-variant)] text-xs leading-none flex-1"),
+            "aria-label": messages.increment,
             children: "\u25B2"
           }
         ),
@@ -104,7 +110,7 @@ var NumberInput = React.forwardRef(
             onClick: decrement,
             disabled: disabled || min !== void 0 && currentValue <= min,
             className: cn(stepperButtonClass, "text-xs leading-none flex-1"),
-            "aria-label": "Decrement",
+            "aria-label": messages.decrement,
             children: "\u25BC"
           }
         )

package/dist/{chunk-RLE5RN3T.js → chunk-4NFUBFYK.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -24,15 +27,15 @@ var spinnerVariants = cva(
         xl: "h-10 w-10 border-4"
       },
       tone: {
-        neutral: "border-[var(--color-neutral-500)]",
-        info: "border-[var(--color-semantic-info-default)]",
-        success: "border-[var(--color-semantic-success-default)]",
-        warning: "border-[var(--color-semantic-warning-default)]",
-        danger: "border-[var(--color-semantic-error-default)]",
-        leap: "border-[var(--color-leap-500)]",
-        bookub: "border-[var(--color-bookub-500)]",
-        payub: "border-[var(--color-payub-500)]",
-        founderub: "border-[var(--color-founderub-500)]"
+        neutral: "border-[var(--color-on-surface-variant)]",
+        info: "border-[var(--color-info)]",
+        success: "border-[var(--color-success)]",
+        warning: "border-[var(--color-warning)]",
+        danger: "border-[var(--color-error)]",
+        leap: "border-[var(--color-leap)]",
+        bookub: "border-[var(--color-bookub)]",
+        payub: "border-[var(--color-payub)]",
+        founderub: "border-[var(--color-founderub)]"
       }
     },
     defaultVariants: {
@@ -42,13 +45,14 @@ var spinnerVariants = cva(
   }
 );
 var Spinner = React.forwardRef(
-  ({ className, size, tone = "neutral", label = "Loading\u2026", ...props }, ref) => {
+  ({ className, size, tone = "neutral", label, ...props }, ref) => {
+    const messages = useNexubMessages();
     return /* @__PURE__ */ jsx(
       "span",
       {
         ref,
         role: "status",
-        "aria-label": label,
+        "aria-label": label ?? messages.loading,
         className: cn("inline-flex items-center justify-center", className),
         ...props,
         children: /* @__PURE__ */ jsx(

package/dist/{chunk-B54WADL4.js → chunk-4P2JJ2FH.js}

@@ -57,24 +57,24 @@ var toneClasses = {
     outline: "border-[color-mix(in_srgb,var(--color-error)_50%,transparent)] text-[var(--color-error)]"
   },
   leap: {
-    solid: "bg-[color:light-dark(var(--color-palette-leap-40),var(--color-palette-leap-80))] text-[color:light-dark(var(--color-palette-leap-100),var(--color-palette-leap-20))]",
-    soft: "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))]",
-    outline: "border-[color:light-dark(var(--color-palette-leap-80),var(--color-palette-leap-40))] text-[color:light-dark(var(--color-palette-leap-40),var(--color-palette-leap-80))]"
+    solid: "bg-[var(--color-leap)] text-[var(--color-on-leap)]",
+    soft: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)]",
+    outline: "border-[color:light-dark(var(--color-palette-leap-80),var(--color-palette-leap-40))] text-[var(--color-leap)]"
   },
   bookub: {
-    solid: "bg-[color:light-dark(var(--color-palette-bookub-40),var(--color-palette-bookub-80))] text-[color:light-dark(var(--color-palette-bookub-100),var(--color-palette-bookub-20))]",
-    soft: "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))]",
-    outline: "border-[color:light-dark(var(--color-palette-bookub-80),var(--color-palette-bookub-40))] text-[color:light-dark(var(--color-palette-bookub-40),var(--color-palette-bookub-80))]"
+    solid: "bg-[var(--color-bookub)] text-[var(--color-on-bookub)]",
+    soft: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)]",
+    outline: "border-[color:light-dark(var(--color-palette-bookub-80),var(--color-palette-bookub-40))] text-[var(--color-bookub)]"
   },
   payub: {
-    solid: "bg-[color:light-dark(var(--color-palette-payub-40),var(--color-palette-payub-80))] text-[color:light-dark(var(--color-palette-payub-100),var(--color-palette-payub-20))]",
-    soft: "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))]",
-    outline: "border-[color:light-dark(var(--color-palette-payub-80),var(--color-palette-payub-40))] text-[color:light-dark(var(--color-palette-payub-40),var(--color-palette-payub-80))]"
+    solid: "bg-[var(--color-payub)] text-[var(--color-on-payub)]",
+    soft: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)]",
+    outline: "border-[color:light-dark(var(--color-palette-payub-80),var(--color-palette-payub-40))] text-[var(--color-payub)]"
   },
   founderub: {
-    solid: "bg-[color:light-dark(var(--color-palette-founderub-40),var(--color-palette-founderub-80))] text-[color:light-dark(var(--color-palette-founderub-100),var(--color-palette-founderub-20))]",
-    soft: "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))]",
-    outline: "border-[color:light-dark(var(--color-palette-founderub-80),var(--color-palette-founderub-40))] text-[color:light-dark(var(--color-palette-founderub-40),var(--color-palette-founderub-80))]"
+    solid: "bg-[var(--color-founderub)] text-[var(--color-on-founderub)]",
+    soft: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)]",
+    outline: "border-[color:light-dark(var(--color-palette-founderub-80),var(--color-palette-founderub-40))] text-[var(--color-founderub)]"
   }
 };
 var Badge = React.forwardRef(

package/dist/{chunk-I4BHRVRL.js → chunk-4UBVU53C.js}

@@ -2,6 +2,9 @@
 import {
   useControllableState
 } from "./chunk-JLUCMNVS.js";
+import {
+  useNexubMessages
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -38,6 +41,7 @@ var Rating = React.forwardRef(
       onChange: onValueChange
     });
     const [hovered, setHovered] = React.useState(null);
+    const messages = useNexubMessages();
     const displayValue = hovered ?? value ?? 0;
     const starRefs = React.useRef([]);
     const tabStop = value && value > 0 ? value : 1;
@@ -54,7 +58,7 @@ var Rating = React.forwardRef(
         ref,
         className: cn(ratingVariants({ size }), className),
         role: "radiogroup",
-        "aria-label": "Rating",
+        "aria-label": messages.rating,
         "aria-readonly": readOnly || void 0,
         ...props,
         children: Array.from({ length: max }, (_, i) => {
@@ -70,7 +74,7 @@ var Rating = React.forwardRef(
               role: "radio",
               tabIndex: starValue === tabStop ? 0 : -1,
               "aria-checked": starValue === (value ?? 0),
-              "aria-label": `${starValue} star${starValue !== 1 ? "s" : ""}`,
+              "aria-label": messages.ratingStars(starValue),
               disabled: readOnly,
               onClick: () => !readOnly && setValue(starValue),
               onKeyDown: (e) => !readOnly && handleKeyDown(e, starValue),
@@ -80,7 +84,7 @@ var Rating = React.forwardRef(
                 "bg-transparent border-0 p-0 m-0 inline-flex items-center justify-center transition-transform",
                 !readOnly && "cursor-pointer hover:scale-110",
                 readOnly && "cursor-default",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-1 rounded-sm",
+                "rounded-shape-min",
                 "disabled:pointer-events-none"
               ),
               children: /* @__PURE__ */ jsx(
@@ -104,8 +108,8 @@ function StarIcon({ filled, ...props }) {
     "svg",
     {
       viewBox: "0 0 20 20",
-      fill: filled ? "var(--color-founderub-500, #f59e0b)" : "none",
-      stroke: filled ? "var(--color-founderub-500, #f59e0b)" : "var(--color-border-default)",
+      fill: filled ? "var(--color-palette-warning-72)" : "none",
+      stroke: filled ? "var(--color-warning)" : "var(--color-outline-variant)",
       strokeWidth: "1.5",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,

package/dist/chunk-52ZVJPF7.js

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

package/dist/chunk-5QEARXY3.js

@@ -0,0 +1,55 @@
+'use client';
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/StreamingText/StreamingText.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MAX_ANIMATED = 3;
+function next(prev, text, streaming) {
+  if (!text.startsWith(prev.source) || !streaming) {
+    return { source: text, settled: text, chunks: [], nextId: prev.nextId };
+  }
+  const chunks = [...prev.chunks, { id: prev.nextId, text: text.slice(prev.source.length) }];
+  let settled = prev.settled;
+  while (chunks.length > MAX_ANIMATED) settled += chunks.shift().text;
+  return { source: text, settled, chunks, nextId: prev.nextId + 1 };
+}
+var StreamingText = React.forwardRef(
+  ({ text, streaming = false, as: Comp = "div", className, "aria-live": ariaLive = "off", ...props }, ref) => {
+    const [state, setState] = React.useState(() => ({ source: text, settled: text, chunks: [], nextId: 0 }));
+    let current = state;
+    if (text !== state.source || !streaming && state.chunks.length > 0) {
+      current = next(state, text, streaming);
+      setState(current);
+    }
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        ref,
+        "aria-busy": streaming,
+        "aria-live": ariaLive,
+        className: cn("whitespace-pre-wrap break-words", className),
+        ...props,
+        children: [
+          current.settled,
+          current.chunks.map((c) => /* @__PURE__ */ jsx("span", { className: "nx-reveal motion-reduce:animate-none", children: c.text }, c.id)),
+          streaming && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              "data-caret": "",
+              className: "nx-caret ms-0.5 inline-block h-[1em] w-[2px] align-text-bottom rounded-full bg-[var(--color-primary)] motion-reduce:animate-none"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+StreamingText.displayName = "StreamingText";
+
+export {
+  StreamingText
+};