@teaflask/assistant 0.0.0 → 0.3.0

package/dist/components/operation-icons.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BrainIcon, CalendarClockIcon, CompassIcon, FileTextIcon, ListTodoIcon, MessageCircleQuestionIcon, SearchIcon, SquareTerminalIcon, UsersIcon, WrenchIcon, } from "lucide-react";
+import { cx } from "./primitives/cx.js";
+// One glyph per resolved vocabulary member — operational meaning, never
+// a brand or a tool name (the presenter already resolved unknown tokens
+// to "generic", so this record is total over what can reach it).
+const OPERATION_GLYPHS = {
+    search: SearchIcon,
+    file: FileTextIcon,
+    terminal: SquareTerminalIcon,
+    question: MessageCircleQuestionIcon,
+    memory: BrainIcon,
+    delegation: UsersIcon,
+    routine: CalendarClockIcon,
+    // The plan-progress member (contract §8's recorded conditional):
+    // a checklist, unmistakably not the generic wrench.
+    todo: ListTodoIcon,
+    navigation: CompassIcon,
+    generic: WrenchIcon,
+};
+// The state language, keyed by protocol state alone — the words assistive
+// tech hears where sighted readers get ink and the headline ladder.
+const STATE_WORDS = {
+    "input-streaming": "Queued",
+    "input-available": "Running",
+    "output-available": "Completed",
+    "output-error": "Failed",
+    // Its own quiet word: a member declined the approval — not interrupted
+    // (nobody cut it), not failed (nothing broke), and not the door's
+    // "Declined" (TVC-038 — the tool never got to answer).
+    denied: "Not approved",
+    cancelled: "Interrupted",
+    // Its own quiet word: the tool answered and declined — not
+    // interrupted (nothing cut it), not failed (nothing broke).
+    refused: "Declined",
+    // Shares cancelled's outcome word — both landed short of an outcome
+    // through no fault of the tool; the headline frames tell them apart.
+    superseded: "Interrupted",
+};
+/** The mark's package-owned chrome — identity, state attribute, ink
+ *  rules and the assistive state word — around any glyph. Shared by the
+ *  package mark below and the tool-view icon slot, so a registered icon
+ *  can replace the GLYPH and nothing else (tool-views.md: one
+ *  registration, two roles; the mark's state semantics are never the
+ *  adapter's to lose). */
+export function OperationMarkFrame({ status, children, }) {
+    return (_jsxs("span", { "data-tf-op-mark": "", "data-tf-op-state": status, className: cx("tf:grid tf:size-4 tf:shrink-0 tf:place-items-center", 
+        // Queued (a pending call on a run that is not streaming) dims —
+        // the mark stays semantic, never a dashed mystery circle.
+        status === "input-streaming" && "tf:opacity-45", 
+        // The one loud pixel (the visual spec's Status-Only Color Rule):
+        // failure wears destructive ink; cancellation, refusal and a
+        // member's denial stay neutral.
+        status === "output-error" && "tf:text-tf-destructive"), children: [children, _jsx("span", { className: "tf:sr-only", children: STATE_WORDS[status] })] }));
+}
+/** The process row's leading mark: semantic identity with local state.
+ *  Rendered as the row summary's FIRST child — that position is contract
+ *  (TVC-050 measures the icon column on it). */
+export function OperationMark({ icon, status, }) {
+    const Glyph = OPERATION_GLYPHS[icon];
+    return (_jsx(OperationMarkFrame, { status: status, children: _jsx(Glyph, { "aria-hidden": true, className: "tf:size-4" }) }));
+}
+/** The bare semantic glyph, for consent frames: the decision card's title
+ *  carries the words and the frame carries the state, so the glyph arrives
+ *  silent — no state word, no ink rule, aria-hidden. Same
+ *  one-glyph-per-member table as the operation mark, never a fork. */
+export function OperationGlyph({ icon, className, }) {
+    const Glyph = OPERATION_GLYPHS[icon];
+    return _jsx(Glyph, { "aria-hidden": true, className: cx("tf:size-4", className) });
+}
+/** The inline state pill (Layer A's state badge): a small textual badge
+ *  on the affected row for the states that must never read as quiet —
+ *  failure, interruption, awaiting input. Mechanical state words only
+ *  (the headline ladder owns authored copy); text is the signal, colour
+ *  merely underlines it. */
+export function StatePill({ children, destructive = false, }) {
+    return (_jsx("span", { "data-tf-state-pill": "", className: cx("tf:shrink-0 tf:rounded-full tf:border tf:border-tf-border tf:px-1.5 tf:py-px tf:text-xs tf:leading-4 tf:whitespace-nowrap", destructive && "tf:text-tf-destructive"), children: children }));
+}
+//# sourceMappingURL=operation-icons.js.map

package/dist/components/operation-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operation-icons.js","sourceRoot":"","sources":["../../src/components/operation-icons.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAiBb,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,yBAAyB,EACzB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,UAAU,GACX,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,wEAAwE;AACxE,wEAAwE;AACxE,iEAAiE;AACjE,MAAM,gBAAgB,GAAqC;IACzD,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ,EAAE,yBAAyB;IACnC,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,iBAAiB;IAC1B,iEAAiE;IACjE,oDAAoD;IACpD,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,WAAW;IACvB,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,0EAA0E;AAC1E,oEAAoE;AACpE,MAAM,WAAW,GAAkC;IACjD,iBAAiB,EAAE,QAAQ;IAC3B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,QAAQ;IACxB,uEAAuE;IACvE,kEAAkE;IAClE,uDAAuD;IACvD,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE,aAAa;IACxB,2DAA2D;IAC3D,4DAA4D;IAC5D,OAAO,EAAE,UAAU;IACnB,oEAAoE;IACpE,qEAAqE;IACrE,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF;;;;;0BAK0B;AAC1B,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,GAIT;IACC,OAAO,CACL,mCAIkB,EAAE,sBACA,MAAM,EACxB,SAAS,EAAE,EAAE,CACX,qDAAqD;QACrD,gEAAgE;QAChE,0DAA0D;QAC1D,MAAM,KAAK,iBAAiB,IAAI,eAAe;QAC/C,iEAAiE;QACjE,6DAA6D;QAC7D,gCAAgC;QAChC,MAAM,KAAK,cAAc,IAAI,wBAAwB,CACtD,aAEA,QAAQ,EACT,eAAM,SAAS,EAAC,YAAY,YAAE,WAAW,CAAC,MAAM,CAAC,GAAQ,IACpD,CACR,CAAC;AACJ,CAAC;AAED;;gDAEgD;AAChD,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAM,GAIP;IACC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,YAChC,KAAC,KAAK,yBAAa,SAAS,EAAC,WAAW,GAAG,GACxB,CACtB,CAAC;AACJ,CAAC;AAED;;;sEAGsE;AACtE,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,GAIV;IACC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,KAAC,KAAK,yBAAa,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,GAAI,CAAC;AACtE,CAAC;AAED;;;;4BAI4B;AAC5B,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,GAAG,KAAK,GAIpB;IACC,OAAO,CACL,qCACqB,EAAE,EACrB,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,WAAW,IAAI,wBAAwB,CACxC,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/pretty-print.d.ts

@@ -0,0 +1,2 @@
+export declare function prettyPrintParameters(parameters: unknown): string;
+//# sourceMappingURL=pretty-print.d.ts.map

package/dist/components/pretty-print.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pretty-print.d.ts","sourceRoot":"","sources":["../../src/components/pretty-print.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAQjE"}

package/dist/components/pretty-print.js

@@ -0,0 +1,10 @@
+export function prettyPrintParameters(parameters) {
+    if (parameters === undefined || parameters === null) {
+        return "";
+    }
+    if (typeof parameters === "string") {
+        return parameters;
+    }
+    return JSON.stringify(parameters, null, 2);
+}
+//# sourceMappingURL=pretty-print.js.map

package/dist/components/pretty-print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pretty-print.js","sourceRoot":"","sources":["../../src/components/pretty-print.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CAAC,UAAmB;IACvD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACpD,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;QACnC,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7C,CAAC"}

package/dist/components/primitives/autofocus.d.ts

@@ -0,0 +1,6 @@
+/** Focuses the surface's marked autofocus target, with one frame of
+ * grace for content that mounts a beat after the surface is shown. The
+ * predicate guards the deferred attempt: a surface that closed inside
+ * that frame must not have focus pulled into it. */
+export declare function focusAutofocusTarget(surface: HTMLElement, stillShowing: () => boolean): void;
+//# sourceMappingURL=autofocus.d.ts.map

package/dist/components/primitives/autofocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autofocus.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/autofocus.ts"],"names":[],"mappings":"AAOA;;;oDAGoD;AACpD,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,MAAM,OAAO,GAC1B,IAAI,CAWN"}

package/dist/components/primitives/autofocus.js

@@ -0,0 +1,23 @@
+// The package's opt-in initial-focus convention, shared by every surface
+// that moves focus on open: content marks its own landing spot with
+// data-tf-autofocus (the composer does), and the surface honors it. What
+// happens without a mark is the surface's own affair — the modal dialog
+// falls back to the native first-focusable, the non-modal panel
+// deliberately moves nothing.
+/** Focuses the surface's marked autofocus target, with one frame of
+ * grace for content that mounts a beat after the surface is shown. The
+ * predicate guards the deferred attempt: a surface that closed inside
+ * that frame must not have focus pulled into it. */
+export function focusAutofocusTarget(surface, stillShowing) {
+    const target = surface.querySelector("[data-tf-autofocus]");
+    if (target !== null) {
+        target.focus();
+        return;
+    }
+    requestAnimationFrame(() => {
+        if (stillShowing()) {
+            surface.querySelector("[data-tf-autofocus]")?.focus();
+        }
+    });
+}
+//# sourceMappingURL=autofocus.js.map

package/dist/components/primitives/autofocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autofocus.js","sourceRoot":"","sources":["../../../src/components/primitives/autofocus.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,oEAAoE;AACpE,yEAAyE;AACzE,wEAAwE;AACxE,gEAAgE;AAChE,8BAA8B;AAE9B;;;oDAGoD;AACpD,MAAM,UAAU,oBAAoB,CAClC,OAAoB,EACpB,YAA2B;IAE3B,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAc,qBAAqB,CAAC,CAAC;IACzE,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,OAAO;IACT,CAAC;IACD,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,YAAY,EAAE,EAAE,CAAC;YACnB,OAAO,CAAC,aAAa,CAAc,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC;QACrE,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/components/primitives/button.d.ts

@@ -0,0 +1,11 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+type TfButtonVariant = "primary" | "ghost" | "send" | "stop" | "icon" | "iconFloating" | "row" | "rowAction" | "rowTouch" | "rowActionTouch" | "prompt" | "bare" | "chip" | "chipQuiet" | "outline" | "answerRow";
+interface TfButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TfButtonVariant;
+}
+export declare const TfButton: import("react").ForwardRefExoticComponent<TfButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function TfLinkButton({ variant, className, children, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: TfButtonVariant;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/components/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAaxE,KAAK,eAAe,GAChB,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,KAAK,GACL,WAAW,GACX,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,CAAC;AAEhB,UAAU,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACrE,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AA0HD,eAAO,MAAM,QAAQ,6GAkBpB,CAAC;AAMF,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,eAAe,CAAA;CAAE,+BAiBzE"}

package/dist/components/primitives/button.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cx } from "./cx.js";
+// Each variant resets the UA button border itself: no preflight ships with
+// the package, so every shape states its own `border-0` rather than
+// inheriting the host page's idea of what a button looks like.
+const VARIANT_CLASSES = {
+    primary: "tf:justify-center tf:rounded-full tf:border-0 tf:px-3 tf:py-1.5 tf:text-tf-label tf:font-medium " +
+        "tf:bg-tf-primary tf:text-tf-primary-foreground tf:shadow-tf-control " +
+        "tf:hover:opacity-90 tf:disabled:opacity-50",
+    ghost: "tf:justify-center tf:rounded-tf tf:border-0 tf:px-3 tf:py-1.5 tf:text-tf-label tf:font-medium " +
+        "tf:bg-tf-transparent tf:text-tf-foreground tf:hover:bg-tf-accent tf:disabled:opacity-50",
+    // Nothing to send is a resting state, not a broken one: the disabled
+    // circle steps back to the muted wash instead of showing a filled ink
+    // button at 40% — a washed-out primary reads as a rendering fault.
+    send: "tf:size-8 tf:shrink-0 tf:justify-center tf:rounded-full tf:border-0 " +
+        "tf:bg-tf-primary tf:text-tf-primary-foreground tf:shadow-tf-control " +
+        "tf:hover:opacity-90 tf:disabled:bg-tf-muted tf:disabled:text-tf-muted-foreground " +
+        "tf:disabled:opacity-100 tf:disabled:shadow-none",
+    // The send circle's busy-state counterpart: same silhouette, filled-ink
+    // register even through the "Stopping…" beat. That beat is narrated
+    // with aria-disabled, never the disabled attribute — disabling the
+    // focused control drops keyboard focus to <body>.
+    stop: "tf:size-8 tf:shrink-0 tf:justify-center tf:rounded-full tf:border-0 " +
+        "tf:bg-tf-primary tf:text-tf-primary-foreground tf:shadow-tf-control " +
+        "tf:hover:opacity-90 tf:aria-disabled:cursor-not-allowed tf:aria-disabled:opacity-70",
+    icon: "tf:size-7 tf:justify-center tf:rounded-tf tf:border-0 tf:bg-tf-transparent tf:text-tf-muted-foreground " +
+        "tf:hover:bg-tf-accent tf:hover:text-tf-foreground tf:disabled:opacity-50",
+    // A floating icon control: round, on its own paper plate with a hairline
+    // and the control wash, for glyphs hovering over arbitrary pixels. A
+    // VARIANT, not a caller className: cx is a plain join, so a caller's
+    // bg-tf-background loses to icon's own bg-tf-transparent by sheet order.
+    iconFloating: "tf:justify-center tf:rounded-full tf:border tf:bg-tf-background " +
+        "tf:text-tf-muted-foreground tf:shadow-tf-control " +
+        "tf:hover:bg-tf-accent tf:hover:text-tf-foreground tf:disabled:opacity-50",
+    // 32px at 14px medium — the app's measured rail register, so the
+    // assistant's history reads at the same density as the docs tree.
+    row: "tf:h-8 tf:w-full tf:justify-start tf:rounded-tf tf:border-0 tf:px-2.5 tf:text-left tf:text-sm tf:font-medium " +
+        "tf:bg-tf-transparent tf:text-tf-muted-foreground tf:hover:bg-tf-accent " +
+        "tf:hover:text-tf-foreground tf:aria-[current=true]:bg-tf-accent " +
+        "tf:aria-[current=true]:text-tf-foreground tf:disabled:opacity-50",
+    rowAction: "tf:h-9 tf:w-full tf:justify-start tf:gap-2 tf:rounded-tf tf:border-0 tf:px-2.5 tf:text-left tf:text-sm " +
+        "tf:font-medium tf:bg-tf-transparent tf:text-tf-foreground tf:hover:bg-tf-accent " +
+        "tf:disabled:opacity-50",
+    // The drawer's rows clear the 44px touch floor and read a step larger:
+    // a phone is held further away than a rail is leaned over.
+    rowTouch: "tf:h-11 tf:w-full tf:justify-start tf:gap-2 tf:rounded-tf tf:border-0 tf:px-3 tf:text-left " +
+        "tf:text-tf-body tf:font-medium tf:bg-tf-transparent tf:text-tf-muted-foreground " +
+        "tf:hover:bg-tf-accent tf:hover:text-tf-foreground " +
+        "tf:aria-[current=true]:bg-tf-accent tf:aria-[current=true]:text-tf-foreground " +
+        "tf:disabled:opacity-50",
+    // The drawer's edition of rowAction. A variant rather than a colour
+    // override on rowTouch: cx is a plain join, so a passed text-tf-foreground
+    // and rowTouch's own muted ink land at equal specificity and the
+    // later-emitted utility (the muted one) wins.
+    rowActionTouch: "tf:h-11 tf:w-full tf:justify-start tf:gap-2 tf:rounded-tf tf:border-0 tf:px-3 tf:text-left " +
+        "tf:text-tf-body tf:font-medium tf:bg-tf-transparent tf:text-tf-foreground " +
+        "tf:hover:bg-tf-accent tf:disabled:opacity-50",
+    // The opening prompts. A row, not a pill: three pills of unequal width
+    // centre-justified make a ragged line, and rows survive a 390px column.
+    // The trailing arrow is held at zero opacity rather than unmounted so
+    // the right edge never twitches. px-4 puts the leading glyph on the
+    // composer's own text inset, hanging off the chat bar's left edge.
+    prompt: "tf:min-h-11 tf:w-full tf:justify-start tf:gap-2.5 tf:rounded-tf tf:border-0 tf:px-4 tf:py-2 " +
+        "tf:text-left tf:text-tf-label tf:bg-tf-transparent tf:text-tf-foreground " +
+        "tf:hover:bg-tf-accent tf:disabled:opacity-50 " +
+        "tf:[&_[data-tf-prompt-mark]]:text-tf-muted-foreground " +
+        "tf:[&_[data-tf-prompt-go]]:opacity-0 tf:[&_[data-tf-prompt-go]]:transition-opacity " +
+        "tf:hover:[&_[data-tf-prompt-go]]:opacity-100 " +
+        "tf:focus-visible:[&_[data-tf-prompt-go]]:opacity-100 " +
+        // Touch has no hover to reveal the go arrow; it stays visible there.
+        "tf:pointer-coarse:[&_[data-tf-prompt-go]]:opacity-100",
+    // A button that draws nothing of its own — for content that IS the
+    // affordance (the companion perch's mark, the bubble's sentence). Keeps
+    // the focus ring, resets the UA chrome, and takes the surrounding ink:
+    // the UA's buttontext would paint black on a dark popover.
+    bare: "tf:rounded-tf tf:border-0 tf:bg-tf-transparent tf:p-0 tf:text-inherit tf:disabled:opacity-50",
+    // The composer shelf's chip (the provider/model slot): a quiet rounded
+    // control at the 13px label step. Two emphases as two variants (cx is a
+    // plain join, so emphasis has to be the variant's): `chip` keeps full
+    // ink for an affordance that asks, `chipQuiet` is the settled standing's.
+    chip: "tf:rounded-full tf:border-0 tf:px-2 tf:py-1 tf:text-tf-label tf:font-medium " +
+        "tf:bg-tf-transparent tf:text-tf-foreground tf:hover:bg-tf-accent " +
+        "tf:disabled:opacity-50",
+    chipQuiet: "tf:rounded-full tf:border-0 tf:px-2 tf:py-1 tf:text-tf-label tf:font-medium " +
+        "tf:bg-tf-transparent tf:text-tf-muted-foreground tf:hover:bg-tf-accent " +
+        "tf:hover:text-tf-foreground tf:disabled:opacity-50",
+    // A bounded secondary action/status control. It shares the pill
+    // silhouette with the composer's chips, but keeps a hairline so it is
+    // unmistakably interactive inside a floating menu.
+    outline: "tf:justify-center tf:rounded-full tf:border tf:px-2.5 tf:py-1 tf:text-tf-label tf:font-medium " +
+        "tf:bg-tf-background tf:text-tf-foreground tf:shadow-tf-control " +
+        "tf:hover:bg-tf-accent tf:disabled:opacity-50",
+    // The question panel's answer row: one suggestion per line, spanning
+    // the panel, on the 44px touch floor. Selection is the emphasis wash,
+    // via aria-checked — state speaks through the attribute the screen
+    // reader already gets (No-Accent: never a color). Borderless: the
+    // row's edges are the panel's.
+    answerRow: "tf:min-h-11 tf:w-full tf:items-start tf:justify-start tf:gap-3 tf:rounded-tf tf:border-0 " +
+        "tf:bg-tf-transparent tf:px-3 tf:py-2.5 tf:text-left tf:text-tf-label tf:text-tf-foreground " +
+        "tf:wrap-anywhere tf:hover:bg-tf-accent tf:disabled:opacity-50 " +
+        "tf:aria-checked:bg-tf-emphasis",
+};
+// forwardRef rather than ref-as-prop: the peer range admits React 18.3,
+// where a function component receives no ref through props — and callers
+// that anchor to the element (the drawer's history disclosure, the focus
+// hand-backs) need the ref to attach.
+export const TfButton = forwardRef(function TfButton({ variant = "primary", className, type, ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: type ?? "button", className: cx("tf:appearance-none", "tf:inline-flex tf:items-center tf:gap-1.5 tf:transition-colors", "tf:focus-visible:outline-2 tf:focus-visible:outline-offset-2 tf:focus-visible:outline-tf-ring", "tf:disabled:cursor-not-allowed", VARIANT_CLASSES[variant], className), ...props }));
+});
+// A navigation wearing the button grammar — for actions whose "click" is
+// a link (the connect panel's approve CTA). Same class source as
+// TfButton so the pill can never drift; no disabled arm, because anchors
+// have none.
+export function TfLinkButton({ variant = "primary", className, children, ...props }) {
+    return (_jsx("a", { className: cx(
+        // no-underline: the UA underlines anchors and no preflight ships
+        // with the package — a pill with an underline reads as a bug.
+        "tf:appearance-none tf:no-underline", "tf:inline-flex tf:items-center tf:gap-1.5 tf:transition-colors", "tf:focus-visible:outline-2 tf:focus-visible:outline-offset-2 tf:focus-visible:outline-tf-ring", VARIANT_CLASSES[variant], className), ...props, children: children }));
+}
+//# sourceMappingURL=button.js.map

package/dist/components/primitives/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/primitives/button.tsx"],"names":[],"mappings":"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"}

package/dist/components/primitives/cx.d.ts

@@ -0,0 +1,2 @@
+export declare function cx(...parts: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/components/primitives/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/cx.ts"],"names":[],"mappings":"AAEA,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE1E"}

package/dist/components/primitives/cx.js

@@ -0,0 +1,6 @@
+// Class-name joiner for the primitives layer — the package deliberately
+// carries no styling dependencies.
+export function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+//# sourceMappingURL=cx.js.map

package/dist/components/primitives/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","sourceRoot":"","sources":["../../../src/components/primitives/cx.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,mCAAmC;AACnC,MAAM,UAAU,EAAE,CAAC,GAAG,KAA4C;IAChE,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC"}

package/dist/components/primitives/dialog.d.ts

@@ -0,0 +1,8 @@
+import { type DialogHTMLAttributes } from "react";
+interface TfDialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "open"> {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function TfDialog({ open, onOpenChange, className, children, onPointerDown: onHostPointerDown, ...props }: TfDialogProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/primitives/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,oBAAoB,EAI1B,MAAM,OAAO,CAAC;AAcf,UAAU,aAAc,SAAQ,IAAI,CAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,iBAAiB,EAChC,GAAG,KAAK,EACT,EAAE,aAAa,+BAuFf"}

package/dist/components/primitives/dialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, } from "react";
+import { focusAutofocusTarget } from "./autofocus.js";
+import { cx } from "./cx.js";
+export function TfDialog({ open, onOpenChange, className, children, onPointerDown: onHostPointerDown, ...props }) {
+    const dialogRef = useRef(null);
+    // The `open` prop stays authoritative: native closes are reported up,
+    // never applied locally, and this effect is the only writer.
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (dialog === null) {
+            return;
+        }
+        if (open && !dialog.open) {
+            dialog.showModal();
+            // The composer marks itself with data-tf-autofocus; without a mark
+            // the native behavior (first focusable) stands.
+            focusAutofocusTarget(dialog, () => dialog.open);
+        }
+        else if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open]);
+    // Esc. Cancelled so the close happens through the controlled cycle.
+    const closeFromCancel = useCallback((event) => {
+        event.preventDefault();
+        onOpenChange(false);
+    }, [onOpenChange]);
+    // Safety net for a native close that skipped `cancel` (a
+    // method="dialog" form, or a browser force-closing on repeated Esc).
+    const closeFromNativeClose = useCallback(() => {
+        onOpenChange(false);
+    }, [onOpenChange]);
+    // With zero own padding, the only place a press lands on the dialog
+    // element itself is the ::backdrop. The click alone can't be trusted:
+    // it dispatches on the common ancestor of pointerdown and pointerup,
+    // so a text selection that starts in content and releases past the
+    // panel edge also "clicks" the dialog — only a press that BEGAN on the
+    // backdrop counts.
+    //
+    // Composed, not overridden: the spread below lands after every handler
+    // on the element, so a caller passing its own onPointerDown (the sheet's
+    // drag) would silently take this one's place and with it click-to-close.
+    const pressBeganOnBackdropRef = useRef(false);
+    const trackPressOrigin = useCallback((event) => {
+        pressBeganOnBackdropRef.current = event.target === event.currentTarget;
+        onHostPointerDown?.(event);
+    }, [onHostPointerDown]);
+    const closeFromBackdropClick = useCallback((event) => {
+        if (event.target === event.currentTarget &&
+            pressBeganOnBackdropRef.current) {
+            onOpenChange(false);
+        }
+    }, [onOpenChange]);
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- backdrop click-to-close; keyboard users close via Esc (the native cancel event)
+    _jsx("dialog", { ref: dialogRef, 
+        // `hidden` restates the UA's closed-dialog display so the open:flex
+        // override can't leak onto the closed-but-mounted element. The
+        // important marker's collision rationale is historical: it guarded
+        // against a host build re-declaring `.hidden` after this element's
+        // `open:flex` — with the tf: prefix no host build can generate a
+        // colliding name. Kept as ordering insurance between the sheet's
+        // own tf:hidden and tf:open:flex rules, immune to any future
+        // intra-sheet order or specificity drift.
+        className: cx("tf:hidden tf:p-0 tf:open:flex!", className), onCancel: closeFromCancel, onClose: closeFromNativeClose, onPointerDown: trackPressOrigin, onClick: closeFromBackdropClick, ...props, children: children }));
+}
+//# sourceMappingURL=dialog.js.map

package/dist/components/primitives/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/primitives/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,WAAW,EACX,SAAS,EACT,MAAM,GAKP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAmB7B,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,iBAAiB,EAChC,GAAG,KAAK,EACM;IACd,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,sEAAsE;IACtE,6DAA6D;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,mEAAmE;YACnE,gDAAgD;YAChD,oBAAoB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClD,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,oEAAoE;IACpE,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAwC,EAAE,EAAE;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,yDAAyD;IACzD,qEAAqE;IACrE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,oEAAoE;IACpE,sEAAsE;IACtE,qEAAqE;IACrE,mEAAmE;IACnE,uEAAuE;IACvE,mBAAmB;IACnB,EAAE;IACF,uEAAuE;IACvE,yEAAyE;IACzE,yEAAyE;IACzE,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAsC,EAAE,EAAE;QACzC,uBAAuB,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;QACvE,iBAAiB,EAAE,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IACF,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,KAAoC,EAAE,EAAE;QACvC,IACE,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;YACpC,uBAAuB,CAAC,OAAO,EAC/B,CAAC;YACD,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO;IACL,qMAAqM;IACrM,iBACE,GAAG,EAAE,SAAS;QACd,oEAAoE;QACpE,+DAA+D;QAC/D,mEAAmE;QACnE,mEAAmE;QACnE,iEAAiE;QACjE,iEAAiE;QACjE,6DAA6D;QAC7D,0CAA0C;QAC1C,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAC1D,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,oBAAoB,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,sBAAsB,KAC3B,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/components/primitives/disclosure.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from "react";
+type DisclosureVariant = "framed" | "bare";
+interface DisclosureProps {
+    summary: ReactNode;
+    children: ReactNode;
+    variant?: DisclosureVariant;
+    /** true opens the disclosure and re-opens it on every VALUE change
+     *  back to true (React re-writes the attribute only when the prop
+     *  value changes — see the nativeOpen comment below — so a visitor's
+     *  collapse of a held-open details sticks until the next flip);
+     *  undefined leaves it native — pass `condition || undefined` so the
+     *  true→undefined transition auto-collapses once, then hands toggling
+     *  back to the visitor. */
+    open?: boolean;
+    className?: string;
+    summaryClassName?: string;
+    bodyClassName?: string;
+    /** data-* identity hooks spread onto the <details> root (the tool
+     *  row's data-tf-tool-call-id, which the approval banner's
+     *  Show-request affordance resolves). Undefined for every other
+     *  consumer — zero DOM change where unused. */
+    rootDataAttributes?: Record<`data-${string}`, string>;
+}
+interface DisclosureVisualState {
+    open: boolean;
+    summaryActive: boolean;
+}
+/** The disclosure's DOM-backed visual state, for summary content that
+ *  renders differently open vs closed (the fold headline's collapsed
+ *  step label — the same mirror the chevron rotates on). Only readable
+ *  INSIDE the summary: the provider deliberately wraps the summary
+ *  children alone, and the read is the DOM's `open` (see the nativeOpen
+ *  comment below), never the prop — a visitor can collapse a force-opened
+ *  details while the prop still reads true. Null outside any Disclosure
+ *  summary. */
+export declare function useDisclosureVisualState(): DisclosureVisualState | null;
+export declare function Disclosure({ summary, children, variant, open, className, summaryClassName, bodyClassName, rootDataAttributes, }: DisclosureProps): import("react").JSX.Element;
+export declare function DisclosureChevron({ revealOnInteraction, }?: {
+    /** Keep quiet summaries free of permanent arrow furniture. Keyboard
+     *  focus mirrors hover so the disclosure never loses its affordance
+     *  for non-pointer navigation. */
+    revealOnInteraction?: boolean;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=disclosure.d.ts.map

package/dist/components/primitives/disclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/disclosure.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAY5E,KAAK,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,UAAU,eAAe;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;;;+BAM2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;mDAG+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;CACvD;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;CACxB;AAKD;;;;;;;eAOe;AACf,wBAAgB,wBAAwB,IAAI,qBAAqB,GAAG,IAAI,CAEvE;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,OAAkB,EAClB,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,kBAAkB,GACnB,EAAE,eAAe,+BAuEjB;AAYD,wBAAgB,iBAAiB,CAAC,EAChC,mBAA2B,GAC5B,GAAE;IACD;;sCAEkC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAgCL"}

package/dist/components/primitives/disclosure.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+import { cx } from "./cx.js";
+const DisclosureVisualStateContext = createContext(null);
+/** The disclosure's DOM-backed visual state, for summary content that
+ *  renders differently open vs closed (the fold headline's collapsed
+ *  step label — the same mirror the chevron rotates on). Only readable
+ *  INSIDE the summary: the provider deliberately wraps the summary
+ *  children alone, and the read is the DOM's `open` (see the nativeOpen
+ *  comment below), never the prop — a visitor can collapse a force-opened
+ *  details while the prop still reads true. Null outside any Disclosure
+ *  summary. */
+export function useDisclosureVisualState() {
+    return useContext(DisclosureVisualStateContext);
+}
+export function Disclosure({ summary, children, variant = "framed", open, className, summaryClassName, bodyClassName, rootDataAttributes, }) {
+    // The package cannot rely on a consuming application's Tailwind scan to
+    // emit selectors for arbitrary parent states such as
+    // `[summary:hover_&]` or `[[open]>summary_&]`. Keep the native details as
+    // the source of truth, mirror only the two visual facts the chevron
+    // needs, and hand them to the summary's affordance through context.
+    // This makes the behavior identical in the package fixture and in a host
+    // that consumes only the built JavaScript.
+    const [nativeOpen, setNativeOpen] = useState(open === true);
+    const [summaryActive, setSummaryActive] = useState(false);
+    return (
+    // No `group` class here on purpose: a group variant on a nestable
+    // disclosure matches ANY open ancestor (see DisclosureChevron below),
+    // so the hook stays unwired rather than inviting the next consumer
+    // to re-create the nested-chevron bug. Anchor on [open]>summary.
+    _jsxs("details", { ...rootDataAttributes, open: open, onToggle: (event) => {
+            setNativeOpen(event.currentTarget.open);
+        }, className: cx(variant === "framed" && "tf:rounded-tf tf:border", className), children: [_jsx("summary", { onMouseEnter: () => {
+                    setSummaryActive(true);
+                }, onMouseLeave: () => {
+                    setSummaryActive(false);
+                }, onFocus: () => {
+                    setSummaryActive(true);
+                }, onBlur: () => {
+                    setSummaryActive(false);
+                }, className: cx("tf:cursor-pointer tf:list-none tf:select-none tf:[&::-webkit-details-marker]:hidden", "tf:focus-visible:outline-2 tf:focus-visible:outline-offset-2 tf:focus-visible:outline-tf-ring", variant === "framed" &&
+                    "tf:flex tf:items-center tf:gap-2 tf:px-3 tf:py-1.5 tf:text-tf-label", summaryClassName), children: _jsx(DisclosureVisualStateContext.Provider
+                // nativeOpen ALONE, never `open === true || nativeOpen`: React
+                // re-writes the open attribute only when the prop VALUE changes,
+                // so after a visitor collapses a force-opened details the DOM is
+                // closed while the prop still reads true — the [open]>summary
+                // selector this mirror replaced always read the DOM, and so must
+                // the mirror. nativeOpen is seeded from the prop at mount and a
+                // later undefined→true flip lands through onToggle.
+                , { 
+                    // nativeOpen ALONE, never `open === true || nativeOpen`: React
+                    // re-writes the open attribute only when the prop VALUE changes,
+                    // so after a visitor collapses a force-opened details the DOM is
+                    // closed while the prop still reads true — the [open]>summary
+                    // selector this mirror replaced always read the DOM, and so must
+                    // the mirror. nativeOpen is seeded from the prop at mount and a
+                    // later undefined→true flip lands through onToggle.
+                    value: { open: nativeOpen, summaryActive }, children: summary }) }), _jsx("div", { className: cx(variant === "framed" && "tf:border-t tf:px-3 tf:py-2", bodyClassName), children: children })] }));
+}
+// Rotates when its OWN Disclosure is open. Not the group-open hook:
+// every Tailwind group variant (named or not) compiles to an
+// ancestor-matching selector, so inside a nested Disclosure — a tool
+// row inside an open fold — the outer open details would keep an inner
+// chevron rotated forever. The [open]>summary anchor can't leak across
+// nesting levels, because a chevron's only <summary> ancestor is its
+// own (a details' body is never inside another details' summary).
+// The framed variant hides the native marker, so summaries that carry no
+// other trailing affordance MUST place this — a markerless summary reads
+// as an inert box, invisible as a control.
+export function DisclosureChevron({ revealOnInteraction = false, } = {}) {
+    const visualState = useContext(DisclosureVisualStateContext);
+    const isOpen = visualState?.open === true;
+    const visible = !revealOnInteraction || isOpen || visualState?.summaryActive === true;
+    return (_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", "data-tf-disclosure-chevron": "", "data-tf-disclosure-chevron-visible": visible ? "" : undefined, "data-tf-disclosure-chevron-open": isOpen ? "" : undefined, opacity: revealOnInteraction ? (visible ? 1 : 0) : 1, className: cx("tf:size-3.5 tf:shrink-0 tf:text-tf-muted-foreground", isOpen ? "tf:rotate-90" : "tf:rotate-0", revealOnInteraction
+            ? "tf:transition-[opacity,transform]"
+            : "tf:transition-transform"), children: _jsx("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+//# sourceMappingURL=disclosure.js.map

package/dist/components/primitives/disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../../../src/components/primitives/disclosure.tsx"],"names":[],"mappings":"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"}

package/dist/components/primitives/file-input.d.ts

@@ -0,0 +1,6 @@
+export declare const TfFileInput: import("react").ForwardRefExoticComponent<{
+    accept?: string;
+    multiple?: boolean;
+    onPickFiles: (files: FileList | null) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=file-input.d.ts.map

package/dist/components/primitives/file-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/file-input.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW;aAGX,MAAM;eACJ,OAAO;iBACL,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI;oDAmB/C,CAAC"}

package/dist/components/primitives/file-input.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+// The package's one file control: a visually hidden native input a
+// visible button drives via ref (the shell ImageRow pattern). Hidden
+// rather than styled — a native file control cannot wear the register,
+// so the affordance is always a TfButton and this is its mechanism.
+// forwardRef rather than ref-as-prop: the peer range admits React 18.3,
+// where a function component receives no ref through props.
+export const TfFileInput = forwardRef(function TfFileInput({ accept, multiple = false, onPickFiles }, ref) {
+    return (_jsx("input", { ref: ref, type: "file", accept: accept, multiple: multiple, className: "tf:sr-only", tabIndex: -1, "aria-hidden": "true", onChange: (event) => {
+            onPickFiles(event.target.files);
+            // Clearing lets the same file re-fire a change event.
+            event.target.value = "";
+        } }));
+});
+//# sourceMappingURL=file-input.js.map

package/dist/components/primitives/file-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/primitives/file-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,mEAAmE;AACnE,qEAAqE;AACrE,uEAAuE;AACvE,oEAAoE;AACpE,wEAAwE;AACxE,4DAA4D;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAOnC,SAAS,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG;IACnE,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,CAAC,CAAC,iBACA,MAAM,EAClB,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE;YACjD,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAChC,sDAAsD;YACtD,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAC1B,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/primitives/floating-panel.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+type FloatingPanelCorner = "bottom-right" | "bottom-left";
+type FloatingPanelDock = "floating" | "sidebar";
+interface TfFloatingPanelProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The viewport corner the panel anchors to. The companion sits in the
+     * same corner; its clearance is the consumer's className. */
+    corner?: FloatingPanelCorner;
+    /** Where the panel lives: the floating corner card (default), or the
+     * full-height sidebar docked flush to the right edge with the host
+     * page pushed aside. The sidebar ignores `corner` — right-edge only. */
+    dock?: FloatingPanelDock;
+    "aria-label": string;
+    /** The open is the visitor's own gesture, so the content's
+     *  data-tf-autofocus mark may take the caret; read as of the open. */
+    focusOnOpen: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export declare function TfFloatingPanel({ open, onOpenChange, corner, dock, focusOnOpen, className, children, ...props }: TfFloatingPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=floating-panel.d.ts.map

package/dist/components/primitives/floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/floating-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AA4Bf,KAAK,mBAAmB,GAAG,cAAc,GAAG,aAAa,CAAC;AAC1D,KAAK,iBAAiB,GAAG,UAAU,GAAG,SAAS,CAAC;AAEhD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;iEAC6D;IAC7D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B;;4EAEwE;IACxE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB;0EACsE;IACtE,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AA4BD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,MAAuB,EACvB,IAAiB,EACjB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAgGtB"}