@nexub/react 1.5.0 → 1.6.0

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-FHFVBOF3.js → chunk-2Y4WLNEZ.js}

@@ -8,7 +8,7 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var avatarVariants = cva(
-  "relative inline-flex items-center justify-center shrink-0 rounded-full overflow-hidden bg-[var(--color-bg-muted)] text-[var(--color-text-muted)] font-medium select-none",
+  "relative inline-flex items-center justify-center shrink-0 rounded-full overflow-hidden bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-muted)] font-medium select-none",
   {
     variants: {
       size: {
@@ -86,9 +86,9 @@ var Avatar = React.forwardRef(
             "span",
             {
               className: cn(
-                "absolute bottom-0 right-0 rounded-full ring-2 ring-[var(--color-bg-default)]",
+                "absolute bottom-0 end-0 rounded-full ring-2 ring-[var(--color-surface)]",
                 badgeSizeMap[size ?? "md"],
-                badgeColor ?? "bg-[var(--color-semantic-success-default)]"
+                badgeColor ?? "bg-[var(--color-success)]"
               ),
               "aria-hidden": "true"
             }

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-GRB6T2TT.js → chunk-3FPJIXG7.js}

@@ -2,6 +2,9 @@
 import {
   glassSurfaceClass
 } from "./chunk-DEIBF3P7.js";
+import {
+  useNexubMessages
+} from "./chunk-743Y5MY3.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 };

package/dist/chunk-3MT23LNM.js

@@ -0,0 +1,171 @@
+'use client';
+import {
+  useMergedRefs
+} from "./chunk-MNEXMMLM.js";
+import {
+  useControllableState
+} from "./chunk-JLUCMNVS.js";
+import {
+  IconButton
+} from "./chunk-CQWYZPPJ.js";
+import {
+  fieldDisabledWithin,
+  fieldFocusWithin
+} from "./chunk-7SXR4PGO.js";
+import {
+  glassSurfaceClass
+} from "./chunk-DEIBF3P7.js";
+import {
+  useNexubMessages
+} from "./chunk-743Y5MY3.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/PromptInput/PromptInput.tsx
+import * as React from "react";
+import { ArrowUp } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var fallbackMessages = {
+  promptLabel: "Message",
+  sendMessage: "Send message",
+  stopGenerating: "Stop generating",
+  promptHint: "Press Enter to send, Shift+Enter for a new line"
+};
+var stopIcon = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-3.5 rounded-shape-min bg-current" });
+var PromptInput = React.forwardRef(
+  ({
+    value: valueProp,
+    defaultValue = "",
+    onValueChange,
+    onSubmit,
+    onStop,
+    status = "idle",
+    maxRows = 8,
+    attachments,
+    actions,
+    surface = "solid",
+    label,
+    messages: messagesProp,
+    className,
+    textareaClassName,
+    disabled,
+    onKeyDown,
+    id,
+    "aria-describedby": describedBy,
+    ...props
+  }, ref) => {
+    const m = {
+      ...fallbackMessages,
+      ...useNexubMessages(),
+      ...messagesProp
+    };
+    const [value = "", setValue] = useControllableState({
+      value: valueProp,
+      defaultValue,
+      onChange: onValueChange
+    });
+    const hintId = React.useId();
+    const growRef = React.useRef(null);
+    const textareaRef = React.useRef(null);
+    const mergedRef = useMergedRefs(ref, textareaRef);
+    React.useEffect(() => {
+      growRef.current?.style.setProperty("--nx-max-rows", String(maxRows));
+    }, [maxRows]);
+    const streaming = status === "streaming";
+    const canSubmit = !disabled && status === "idle" && value.trim() !== "";
+    const submit = () => {
+      if (!canSubmit) return;
+      onSubmit?.(value);
+      if (valueProp === void 0) setValue("");
+    };
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (e.key === "Enter" && !e.shiftKey) {
+        if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+        e.preventDefault();
+        submit();
+      } else if (e.key === "Escape" && streaming) {
+        e.preventDefault();
+        onStop?.();
+      }
+    };
+    const textClass = "col-start-1 row-start-1 m-0 px-1 py-1.5 text-body-md max-h-[calc(var(--nx-max-rows,8)*1lh+0.75rem)] whitespace-pre-wrap break-words";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-2 p-3 rounded-shape-overlay border border-[var(--color-outline-variant)] bg-[var(--color-surface-container-low)] text-[var(--color-on-surface)]",
+          "transition-[border-color,box-shadow] duration-effects-fast ease-effects-fast",
+          fieldFocusWithin,
+          fieldDisabledWithin,
+          surface === "glass" && glassSurfaceClass,
+          className
+        ),
+        "data-material": surface === "glass" ? "glass" : void 0,
+        "data-status": status,
+        children: [
+          attachments && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: attachments }),
+          /* @__PURE__ */ jsxs("div", { ref: growRef, className: "grid", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn(textClass, "invisible overflow-hidden pointer-events-none"), children: value + "\u200B" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: mergedRef,
+                id,
+                rows: 1,
+                value,
+                onChange: (e) => setValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                disabled,
+                "aria-label": label ?? m.promptLabel,
+                "aria-describedby": describedBy ? `${hintId} ${describedBy}` : hintId,
+                className: cn(
+                  textClass,
+                  "w-full resize-none overflow-y-auto bg-transparent border-0 text-inherit",
+                  "placeholder:text-[var(--color-on-surface-muted)] focus-visible:outline-none disabled:cursor-not-allowed",
+                  textareaClassName
+                ),
+                ...props
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("span", { id: hintId, hidden: true, children: m.promptHint }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1", children: actions }),
+            streaming ? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                label: m.stopGenerating,
+                variant: "subtle",
+                disabled,
+                onClick: onStop,
+                className: "bg-[var(--color-secondary-container)] text-[var(--color-on-secondary-container)]",
+                children: stopIcon
+              }
+            ) : /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                label: m.sendMessage,
+                variant: "solid",
+                disabled,
+                "aria-disabled": !canSubmit || void 0,
+                onClick: submit,
+                className: "aria-disabled:bg-[color-mix(in_srgb,var(--color-on-surface)_12%,transparent)] aria-disabled:text-[var(--color-text-disabled)]",
+                children: /* @__PURE__ */ jsx(ArrowUp, { size: "md" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+PromptInput.displayName = "PromptInput";
+
+export {
+  PromptInput
+};

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-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-52ZVJPF7.js

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

package/dist/chunk-5KI4YHA3.js

@@ -0,0 +1,144 @@
+'use client';
+import {
+  formatDate
+} from "./chunk-IGLOYOCH.js";
+import {
+  floatingSurface
+} from "./chunk-FLZD7HQY.js";
+import {
+  field,
+  fieldFocusVisible
+} from "./chunk-7SXR4PGO.js";
+import {
+  useIntlLocale,
+  useNexubMessages
+} from "./chunk-743Y5MY3.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/DateRangePicker/DateRangePicker.tsx
+import * as React from "react";
+import * as RadixPopover from "@radix-ui/react-popover";
+import { DayPicker } from "react-day-picker";
+import { CalendarDays, ChevronLeft, ChevronRight } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatRange(range, placeholder, locale) {
+  if (!range) return placeholder;
+  if (range.from && range.to) {
+    return `${formatDate(range.from, locale)} \u2013 ${formatDate(range.to, locale)}`;
+  }
+  if (range.from) return `${formatDate(range.from, locale)} \u2013 \u2026`;
+  return placeholder;
+}
+var calendarClassNames = {
+  months: "flex flex-col sm:flex-row gap-4",
+  month: "flex flex-col gap-4",
+  month_caption: "flex h-8 items-center justify-center",
+  caption_label: "text-label-lg text-[var(--color-on-surface)]",
+  // v9 renders nav beside the months, not in the caption: pin it to the caption row.
+  nav: "pointer-events-none absolute inset-x-3 top-3 flex h-8 items-center justify-between",
+  button_previous: "nx-state-layer pointer-events-auto inline-flex h-7 w-7 items-center justify-center rounded-full text-[var(--color-on-surface)] disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]",
+  button_next: "nx-state-layer pointer-events-auto inline-flex h-7 w-7 items-center justify-center rounded-full text-[var(--color-on-surface)] disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]",
+  month_grid: "w-full border-collapse",
+  weekdays: "flex",
+  weekday: "text-[var(--color-on-surface-muted)] w-8 text-label-sm flex-1 text-center",
+  week: "flex w-full mt-2",
+  day: "relative flex flex-1 justify-center p-0 text-center focus-within:z-20",
+  day_button: cn(
+    // Capsule day with a state layer; focus = the global ring. The transparent
+    // border carries today's primary outline.
+    "nx-state-layer inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent text-body-sm text-[var(--color-on-surface)]",
+    "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]"
+  ),
+  // Ends (and a lone start) are filled primary capsules; the middle is a
+  // primary-container band. `nx-range-middle` is a marker so `selected`
+  // skips middle days without depending on CSS order.
+  selected: "[&:not(.nx-range-middle)>button]:bg-[var(--color-primary)] [&:not(.nx-range-middle)>button]:text-[var(--color-on-primary)]",
+  // Half bands join the end capsules to the middle band (not on a one-day range).
+  range_start: "nx-range-start [&:not(.nx-range-end)]:bg-[linear-gradient(to_right,transparent_50%,var(--color-primary-container)_50%)]",
+  range_end: "nx-range-end [&:not(.nx-range-start)]:bg-[linear-gradient(to_left,transparent_50%,var(--color-primary-container)_50%)]",
+  range_middle: "nx-range-middle bg-[var(--color-primary-container)] [&>button]:text-[var(--color-on-primary-container)]",
+  today: "[&>button]:border-[var(--color-primary)]",
+  outside: "[&:not([data-selected]):not([data-disabled])>button]:text-[var(--color-on-surface-muted)]",
+  disabled: "",
+  hidden: "invisible"
+};
+var DateRangePicker = React.forwardRef(function DateRangePicker2({
+  value,
+  onChange,
+  placeholder: placeholderProp,
+  disabled = false,
+  minDate,
+  maxDate,
+  className,
+  id,
+  "aria-label": ariaLabel
+}, ref) {
+  const [open, setOpen] = React.useState(false);
+  const messages = useNexubMessages();
+  const locale = useIntlLocale();
+  const placeholder = placeholderProp ?? messages.pickDateRange;
+  const display = formatRange(value, placeholder, locale);
+  const label = ariaLabel ? `${ariaLabel}: ${display}` : display;
+  return /* @__PURE__ */ jsxs(RadixPopover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(RadixPopover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        id,
+        disabled,
+        "aria-label": label,
+        className: cn(
+          "inline-flex h-control-md w-full items-center justify-start gap-2 px-3.5 text-body-md",
+          field,
+          fieldFocusVisible,
+          // Open reads like focus: the 2px primary border (as Select).
+          "data-[state=open]:border-[var(--color-primary)] data-[state=open]:shadow-[inset_0_0_0_1px_var(--color-primary)]",
+          "disabled:cursor-not-allowed disabled:border-[var(--color-outline-variant)] disabled:bg-[var(--color-surface-container-low)] disabled:text-[var(--color-text-disabled)]",
+          !value && "text-[var(--color-on-surface-muted)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { size: "sm", "aria-hidden": "true" }),
+          display
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(
+      RadixPopover.Content,
+      {
+        align: "start",
+        className: cn(
+          "z-[var(--z-popover)] outline-none",
+          floatingSurface,
+          "nx-motion nx-pop origin-[var(--radix-popover-content-transform-origin)]"
+        ),
+        children: /* @__PURE__ */ jsx(
+          DayPicker,
+          {
+            mode: "range",
+            selected: value,
+            defaultMonth: value?.from,
+            onSelect: onChange,
+            numberOfMonths: 2,
+            startMonth: minDate,
+            endMonth: maxDate,
+            initialFocus: true,
+            showOutsideDays: false,
+            className: "relative p-3",
+            classNames: calendarClassNames,
+            components: {
+              Chevron: ({ orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { size: "xs", "aria-hidden": "true" }) : orientation === "right" ? /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true", ...rest })
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+});
+DateRangePicker.displayName = "DateRangePicker";
+
+export {
+  DateRangePicker
+};

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
+};