veryfront 0.1.997 → 0.1.998

package/esm/src/react/components/chat/ui/tabs.js

@@ -0,0 +1,51 @@
+/**
+ * Tabs — ported from Veryfront Studio `components/Tabs/Tabs.tsx`, with the
+ * `motion/react` spring-slide forked out: the active pill is a static
+ * background (no dependency, no layout animation), only the `transition-colors`
+ * CSS that Studio already ships. Semantic classes remapped to veryfront's
+ * `[var(--token)]` vocabulary. Private to the chat module.
+ *
+ * Flat, prefixed exports (`Tabs` + `TabsItem`) to match the other `ui/`
+ * primitives (`SelectItem`, `DialogTrigger`, …). Note: `cn` is clsx-only (no
+ * tailwind-merge), so overriding a base utility via `className` needs the `!`
+ * suffix (e.g. `px-8!`).
+ *
+ * Two sizes:
+ * - `default` — filled track (`--input-bg`), 34/38px, accent pill.
+ * - `sm` — flat, outlined, 32px, for panel headers.
+ *
+ * @module react/components/chat/ui/tabs
+ */
+import * as React from "../../../../../react/react.js";
+import { cn } from "../theme.js";
+const TabsContext = React.createContext(null);
+/** Tablist container — manages active state and passes context to items. */
+export const Tabs = React.forwardRef(function Tabs({ value, onValueChange, size = "default", className, children, ...props }, ref) {
+    return (React.createElement(TabsContext.Provider, { value: { value, onValueChange, size } },
+        React.createElement("div", { ref: ref, ...props, role: "tablist", className: cn("inline-flex w-fit items-center rounded-full", size === "sm"
+                ? "h-[32px] gap-0 border border-[var(--edge)] bg-transparent p-0.5"
+                : "h-[34px] gap-2 bg-[var(--input-bg)] p-1 md:h-[38px]", className) }, children)));
+});
+Tabs.displayName = "Tabs";
+/**
+ * Individual tab — renders as a button, or an anchor when `href` is set.
+ * Forwards native props/ref and composes the caller's `onClick` with the
+ * internal selection (caller's runs first, then the tab activates), so a
+ * consumer-supplied handler adds to — never overrides — selection.
+ */
+export const TabsItem = React.forwardRef(function TabsItem({ value, href, children, className, onClick, ...props }, ref) {
+    const ctx = React.useContext(TabsContext);
+    if (!ctx)
+        throw new Error("TabsItem must be used within Tabs");
+    const isActive = ctx.value === value;
+    const Comp = (href ? "a" : "button");
+    return (React.createElement(Comp, { ref: ref, ...(href ? { href } : { type: "button" }), ...props, role: "tab", "aria-selected": isActive, onClick: (e) => {
+            onClick?.(e);
+            ctx.onValueChange(value);
+        }, className: cn("relative inline-flex items-center h-full rounded-full font-normal transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--edge-medium)]", ctx.size === "sm" ? "px-3 text-sm" : "px-5 md:px-6 text-sm md:text-base", isActive
+            ? cn("text-[var(--foreground)]", ctx.size === "default" && "dark:text-[var(--background)]")
+            : "text-[var(--foreground)] opacity-50 hover:opacity-100", className) },
+        isActive && (React.createElement("div", { className: cn("absolute inset-0 rounded-full bg-[var(--accent)]", ctx.size === "default" && "dark:bg-[var(--foreground)]") })),
+        React.createElement("span", { className: "relative z-10" }, children)));
+});
+TabsItem.displayName = "TabsItem";

package/esm/src/react/components/chat/ui/tag.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Tag — ported 1:1 from Veryfront Studio. A small rounded chip for metadata /
+ * labels, with link and button affordances plus a wrapping group. Semantic
+ * classes remapped to veryfront's `[var(--token)]` vocabulary. Private to the
+ * chat module.
+ *
+ * @module react/components/chat/ui/tag
+ */
+import * as React from "../../../../../react/react.js";
+/** Static metadata chip. */
+export declare function Tag({ className, children, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.ReactElement;
+/** Props accepted by `<TagLink>`. */
+export interface TagLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+}
+/** Tag rendered as an external link. */
+export declare function TagLink({ className, ...props }: TagLinkProps): React.ReactElement;
+/** Tag rendered as a button. */
+export declare function TagButton({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): React.ReactElement;
+/** Wrapping container for a row of tags. */
+export declare function TagGroup({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=tag.d.ts.map

package/esm/src/react/components/chat/ui/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/chat/ui/tag.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAMvD,4BAA4B;AAC5B,wBAAgB,GAAG,CACjB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACvE,KAAK,CAAC,YAAY,CAMpB;AAED,qCAAqC;AACrC,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wCAAwC;AACxC,wBAAgB,OAAO,CACrB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GACpC,KAAK,CAAC,YAAY,CAapB;AAED,gCAAgC;AAChC,wBAAgB,SAAS,CACvB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,KAAK,CAAC,YAAY,CAYpB;AAED,4CAA4C;AAC5C,wBAAgB,QAAQ,CACtB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtE,KAAK,CAAC,YAAY,CASpB"}

package/esm/src/react/components/chat/ui/tag.js

@@ -0,0 +1,27 @@
+/**
+ * Tag — ported 1:1 from Veryfront Studio. A small rounded chip for metadata /
+ * labels, with link and button affordances plus a wrapping group. Semantic
+ * classes remapped to veryfront's `[var(--token)]` vocabulary. Private to the
+ * chat module.
+ *
+ * @module react/components/chat/ui/tag
+ */
+import * as React from "../../../../../react/react.js";
+import { cn } from "../theme.js";
+const tagClasses = "inline-flex items-center rounded-full bg-[var(--edge)] px-3 py-1 text-xs text-[var(--foreground)] whitespace-nowrap";
+/** Static metadata chip. */
+export function Tag({ className, children, ...props }) {
+    return (React.createElement("span", { className: cn(tagClasses, className), ...props }, children));
+}
+/** Tag rendered as an external link. */
+export function TagLink({ className, ...props }) {
+    return (React.createElement("a", { className: cn(tagClasses, "hover:bg-[var(--tertiary)] transition-colors", className), target: "_blank", rel: "noopener noreferrer", ...props }));
+}
+/** Tag rendered as a button. */
+export function TagButton({ className, ...props }) {
+    return (React.createElement("button", { type: "button", className: cn(tagClasses, "hover:bg-[var(--tertiary)] transition-colors", className), ...props }));
+}
+/** Wrapping container for a row of tags. */
+export function TagGroup({ className, children, ...props }) {
+    return (React.createElement("div", { className: cn("flex flex-wrap items-center gap-1.5", className), ...props }, children));
+}

package/esm/src/react/components/chat/ui/textarea.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Textarea — ported 1:1 from Veryfront Studio, semantic classes remapped to
+ * veryfront's `[var(--token)]` vocabulary. Private to the chat module.
+ *
+ * @module react/components/chat/ui/textarea
+ */
+import * as React from "../../../../../react/react.js";
+import { type VariantProps } from "./cva.js";
+declare const textareaVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & {
+    class?: import("../../../../utils/clsx.js").ClassValue;
+    className?: import("../../../../utils/clsx.js").ClassValue;
+}) | undefined) => string;
+/** Props accepted by `<Textarea>`. */
+export interface TextareaProps extends Omit<React.ComponentProps<"textarea">, "size">, VariantProps<typeof textareaVariants> {
+    ref?: React.Ref<HTMLTextAreaElement>;
+}
+/** Render a textarea. */
+export declare function Textarea({ className, size, ref, ...props }: TextareaProps): React.ReactElement;
+export { textareaVariants };
+//# sourceMappingURL=textarea.d.ts.map

package/esm/src/react/components/chat/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/chat/ui/textarea.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAEvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;;;yBAuBrB,CAAC;AAEF,sCAAsC;AACtC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC7F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACtC;AAED,yBAAyB;AACzB,wBAAgB,QAAQ,CACtB,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAChD,KAAK,CAAC,YAAY,CAQpB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/src/react/components/chat/ui/textarea.js

@@ -0,0 +1,35 @@
+/**
+ * Textarea — ported 1:1 from Veryfront Studio, semantic classes remapped to
+ * veryfront's `[var(--token)]` vocabulary. Private to the chat module.
+ *
+ * @module react/components/chat/ui/textarea
+ */
+import * as React from "../../../../../react/react.js";
+import { cn } from "../theme.js";
+import { cva } from "./cva.js";
+const textareaVariants = cva([
+    "flex w-full text-[var(--foreground)]",
+    "placeholder:text-[var(--foreground)] placeholder:opacity-25",
+    "transition-[background-color,box-shadow,border-color] duration-150 ease-in",
+    "focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "resize-none",
+    "rounded-md bg-[var(--input-bg)] border border-[var(--background)] dark:border-transparent",
+    // veryfront has no --status-error token yet; fall back to --destructive.
+    "data-[invalid=true]:border-[var(--destructive)]",
+], {
+    variants: {
+        size: {
+            default: "min-h-32 md:min-h-28 px-4 py-3 text-base",
+            sm: "min-h-20 px-3 py-2 text-base",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+/** Render a textarea. */
+export function Textarea({ className, size, ref, ...props }) {
+    return (React.createElement("textarea", { className: cn(textareaVariants({ size }), className), ref: ref, ...props }));
+}
+export { textareaVariants };

package/esm/src/react/components/chat/ui/tooltip.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Tooltip — API-compatible with Studio's (Radix-shaped: `TooltipProvider` /
+ * `Tooltip` / `TooltipTrigger` / `TooltipContent`). Hover/focus opens it.
+ *
+ * Content is PORTALLED to `document.body` and positioned with `getBounding
+ * ClientRect`, so it escapes the Storybook iframe / any `overflow:hidden`
+ * ancestor (the recurring clip bug). Positioning is collision-aware: the
+ * requested `side` flips to its opposite when it would overflow the viewport,
+ * and the cross-axis is clamped to stay on-screen.
+ *
+ * TODO(a11y): `aria-describedby` wiring, open/close delay grouping, `Escape`
+ * dismissal. Private to the chat module.
+ *
+ * @module react/components/chat/ui/tooltip
+ */
+import * as React from "../../../../../react/react.js";
+type Side = "top" | "bottom" | "left" | "right";
+/** Provider for shared tooltip config. Basic: a passthrough for API parity. */
+export declare function TooltipProvider({ children }: {
+    children: React.ReactNode;
+    delayDuration?: number;
+}): React.ReactElement;
+/** Tooltip root — owns open state and the positioning anchor. */
+export declare function Tooltip({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+/** Tooltip trigger. `asChild` merges onto the child element (e.g. a Button). */
+export declare function TooltipTrigger({ children, asChild, ...props }: React.HTMLAttributes<HTMLElement> & {
+    children: React.ReactNode;
+    asChild?: boolean;
+}): React.ReactElement;
+/** Props accepted by `<TooltipContent>`. */
+export interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: Side;
+    sideOffset?: number;
+}
+/** Tooltip content — portalled + positioned while hovered/focused. */
+export declare function TooltipContent({ side, sideOffset, className, children, style, ...props }: TooltipContentProps): React.ReactElement | null;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/esm/src/react/components/chat/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/chat/ui/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAKvD,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAMhD,+EAA+E;AAC/E,wBAAgB,eAAe,CAC7B,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAClE,KAAK,CAAC,YAAY,CAEpB;AAED,iEAAiE;AACjE,wBAAgB,OAAO,CACrB,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAC1C,KAAK,CAAC,YAAY,CAiBpB;AAED,gFAAgF;AAChF,wBAAgB,cAAc,CAC5B,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAC3B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACnD,KAAK,CAAC,YAAY,CAKpB;AA6DD,4CAA4C;AAC5C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,sEAAsE;AACtE,wBAAgB,cAAc,CAC5B,EAAE,IAAY,EAAE,UAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAC1F,KAAK,CAAC,YAAY,GAAG,IAAI,CAgE3B"}

package/esm/src/react/components/chat/ui/tooltip.js

@@ -0,0 +1,132 @@
+/**
+ * Tooltip — API-compatible with Studio's (Radix-shaped: `TooltipProvider` /
+ * `Tooltip` / `TooltipTrigger` / `TooltipContent`). Hover/focus opens it.
+ *
+ * Content is PORTALLED to `document.body` and positioned with `getBounding
+ * ClientRect`, so it escapes the Storybook iframe / any `overflow:hidden`
+ * ancestor (the recurring clip bug). Positioning is collision-aware: the
+ * requested `side` flips to its opposite when it would overflow the viewport,
+ * and the cross-axis is clamped to stay on-screen.
+ *
+ * TODO(a11y): `aria-describedby` wiring, open/close delay grouping, `Escape`
+ * dismissal. Private to the chat module.
+ *
+ * @module react/components/chat/ui/tooltip
+ */
+import * as React from "../../../../../react/react.js";
+import { createPortal } from "../../../../../react/react-dom.js";
+import { cn } from "../theme.js";
+import { Slot } from "./slot.js";
+const TooltipContext = React.createContext(null);
+/** Provider for shared tooltip config. Basic: a passthrough for API parity. */
+export function TooltipProvider({ children }) {
+    return React.createElement(React.Fragment, null, children);
+}
+/** Tooltip root — owns open state and the positioning anchor. */
+export function Tooltip({ children }) {
+    const [open, setOpen] = React.useState(false);
+    const anchorRef = React.useRef(null);
+    return (React.createElement("span", { ref: anchorRef, className: "relative inline-flex", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocusCapture: () => setOpen(true), onBlurCapture: () => setOpen(false) },
+        React.createElement(TooltipContext.Provider, { value: { open, anchorRef } }, children)));
+}
+/** Tooltip trigger. `asChild` merges onto the child element (e.g. a Button). */
+export function TooltipTrigger({ children, asChild, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    // Forward native props (onClick, aria-*, data-*) to the trigger element —
+    // without this they were dropped unless `asChild` was used.
+    return React.createElement(Comp, { ...props }, children);
+}
+/** Which viewport edge each side would collide with, and its opposite. */
+const opposite = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left",
+};
+/** Compute a fixed-position rect for `side`, flipping on collision. */
+function place(anchor, cw, ch, side, offset) {
+    const vw = globalThis.innerWidth;
+    const vh = globalThis.innerHeight;
+    const pad = 8;
+    const fits = (s) => {
+        if (s === "top")
+            return anchor.top - offset - ch >= pad;
+        if (s === "bottom")
+            return anchor.bottom + offset + ch <= vh - pad;
+        if (s === "left")
+            return anchor.left - offset - cw >= pad;
+        return anchor.right + offset + cw <= vw - pad;
+    };
+    const chosen = fits(side) || !fits(opposite[side]) ? side : opposite[side];
+    let top;
+    let left;
+    if (chosen === "top") {
+        top = anchor.top - offset - ch;
+        left = anchor.left + anchor.width / 2 - cw / 2;
+    }
+    else if (chosen === "bottom") {
+        top = anchor.bottom + offset;
+        left = anchor.left + anchor.width / 2 - cw / 2;
+    }
+    else if (chosen === "left") {
+        top = anchor.top + anchor.height / 2 - ch / 2;
+        left = anchor.left - offset - cw;
+    }
+    else {
+        top = anchor.top + anchor.height / 2 - ch / 2;
+        left = anchor.right + offset;
+    }
+    left = Math.max(pad, Math.min(left, vw - cw - pad));
+    top = Math.max(pad, Math.min(top, vh - ch - pad));
+    return { top, left, side: chosen };
+}
+// A rotated square centred on the trigger-facing edge — half straddles the
+// bubble so the outer half reads as a triangle pointing at the trigger.
+const arrowClasses = {
+    top: "top-full left-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45",
+    bottom: "bottom-full left-1/2 -translate-x-1/2 translate-y-1/2 rotate-45",
+    left: "left-full top-1/2 -translate-x-1/2 -translate-y-1/2 rotate-45",
+    right: "right-full top-1/2 translate-x-1/2 -translate-y-1/2 rotate-45",
+};
+/** Tooltip content — portalled + positioned while hovered/focused. */
+export function TooltipContent({ side = "top", sideOffset = 6, className, children, style, ...props }) {
+    const ctx = React.useContext(TooltipContext);
+    const ref = React.useRef(null);
+    const [pos, setPos] = React.useState({ top: 0, left: 0, side, visible: false });
+    const open = ctx?.open ?? false;
+    const anchorRef = ctx?.anchorRef;
+    React.useLayoutEffect(() => {
+        if (!open || !anchorRef)
+            return;
+        const update = () => {
+            const a = anchorRef.current?.getBoundingClientRect();
+            const c = ref.current;
+            if (!a || !c)
+                return;
+            const next = place(a, c.offsetWidth, c.offsetHeight, side, sideOffset);
+            setPos({ ...next, visible: true });
+        };
+        update();
+        globalThis.addEventListener("scroll", update, true);
+        globalThis.addEventListener("resize", update);
+        return () => {
+            globalThis.removeEventListener("scroll", update, true);
+            globalThis.removeEventListener("resize", update);
+        };
+    }, [open, side, sideOffset, anchorRef]);
+    if (!open)
+        return null;
+    // Portal into the nearest chat root, not <body>: the design tokens live on
+    // `[data-vf-chat]`, so a surface under <body> resolves every `var(--…)` to
+    // nothing (transparent, wrong colors).
+    const container = anchorRef?.current?.closest("[data-vf-chat]") ??
+        document.body;
+    return createPortal(React.createElement("div", { ref: ref, role: "tooltip", className: cn("fixed z-[60] w-max max-w-xs whitespace-nowrap rounded-md bg-[var(--primary)] px-2.5 py-1 text-xs font-medium text-[var(--secondary)] shadow-sm pointer-events-none", "dark:bg-[var(--secondary)] dark:text-[var(--foreground)]", className), style: {
+            top: pos.top,
+            left: pos.left,
+            visibility: pos.visible ? "visible" : "hidden",
+            ...style,
+        }, ...props },
+        children,
+        React.createElement("span", { "aria-hidden": "true", className: cn("absolute size-2 bg-[var(--primary)] dark:bg-[var(--secondary)]", arrowClasses[pos.side]) })), container);
+}

package/esm/src/react/primitives/input-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-box.d.ts","sourceRoot":"","sources":["../../../../src/src/react/primitives/input-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAC7B,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,EACjE,UAAU,GAAG,UAAU,CACxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KACzD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,8GAsDnB,CAAC;AAIH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8CD,eAAO,MAAM,YAAY,6FA2ExB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,eAAO,MAAM,gBAAgB,8FAY3B,CAAC"}
+{"version":3,"file":"input-box.d.ts","sourceRoot":"","sources":["../../../../src/src/react/primitives/input-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AASjD,MAAM,WAAW,aAAc,SAC7B,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,EACjE,UAAU,GAAG,UAAU,CACxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KACzD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,8GA6DnB,CAAC;AAIH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8CD,eAAO,MAAM,YAAY,6FA2ExB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,eAAO,MAAM,gBAAgB,8FAY3B,CAAC"}

package/esm/src/react/primitives/input-box.js

@@ -1,15 +1,25 @@
 import * as React from "../../../react/react.js";
+// SSR-safe layout effect: run before paint on the client (so the textarea's
+// auto-resize height is applied in the same frame as hydration — no visible
+// jump), and fall back to a no-op effect on the server.
+const useIsomorphicLayoutEffect = typeof document !== "undefined"
+    ? React.useLayoutEffect
+    : React.useEffect;
 export const InputBox = React.forwardRef(({ className, value, onChange, onSubmit, multiline, ...props }, ref) => {
     const internalRef = React.useRef(null);
-    const textareaRef = ref || internalRef;
+    const textareaRef = ref ||
+        internalRef;
     const handleKeyDown = (e) => {
         if (e.key !== "Enter" || e.shiftKey || !onSubmit)
             return;
         e.preventDefault();
         onSubmit();
     };
-    // Auto-resize textarea to fit content
-    React.useEffect(() => {
+    // Auto-resize textarea to fit content. Runs in a layout effect (before paint)
+    // so the height is set in the same frame as hydration — the fixed `min-h`
+    // class on the textarea holds the SSR height, so there is no post-hydration
+    // jump.
+    useIsomorphicLayoutEffect(() => {
         const el = textareaRef.current;
         if (!el || !multiline)
             return;
@@ -19,7 +29,10 @@ export const InputBox = React.forwardRef(({ className, value, onChange, onSubmit
         }
     }, [value, multiline, textareaRef]);
     if (multiline) {
-        return (React.createElement("textarea", { ref: textareaRef, className: className, style: { resize: "none", border: "none", outline: "none" }, value: value, onChange: onChange, onKeyDown: handleKeyDown, "data-input-box": "", "data-multiline": "true", rows: 1, ...props }));
+        return (React.createElement("textarea", { ref: textareaRef, className: className, 
+            // The auto-resize height is applied client-side only, so the inline
+            // `height` differs between SSR and first client render.
+            suppressHydrationWarning: true, style: { resize: "none", border: "none", outline: "none" }, value: value, onChange: onChange, onKeyDown: handleKeyDown, "data-input-box": "", "data-multiline": "true", rows: 1, ...props }));
     }
     return (React.createElement("input", { ref: ref, type: "text", className: className, value: value, onChange: onChange, onKeyDown: handleKeyDown, "data-input-box": "", ...props }));
 });

package/esm/src/server/handlers/dev/framework-candidates.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework-candidates.generated.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/framework-candidates.generated.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EA8sLjD,CAAC"}
+{"version":3,"file":"framework-candidates.generated.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/framework-candidates.generated.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAm4bjD,CAAC"}