@godxjp/ui 31.31.8 → 32.0.1

package/scripts/postinstall.mjs

@@ -1,56 +1,19 @@
 #!/usr/bin/env node
 /**
- * Auto-registers the godx-ui MCP server in the consumer's `.mcp.json` so the agent gets live
- * access to the component catalog + audit rules WITHOUT any manual step. Non-destructive (only
- * adds a missing server entry) and guarded so it never runs in CI or in the library's own repo.
+ * Inert install (#1215): this script writes NOTHING into the consumer project. Agent files
+ * (.mcp.json, CLAUDE.md block, .claude/godxjp-ui-workflow.md, .ai/rules/godxjp-ui.md) are written
+ * only by the explicit `npx godxjp-ui sync-rules` (see `runSyncRules` in _agent-setup.mjs).
+ * Silent in CI, when opted out, and when installing the library itself.
  */
-import {
-  ensureClaudeMd,
-  ensureMcpJson,
-  ensureConsumerRules,
-  outOfProjectUiMcpReport,
-  refreshGuineaPigSkill,
-  shouldSkip,
-  writeWorkflowMd,
-} from "./_agent-setup.mjs";
-
-const root = process.env.INIT_CWD || process.cwd();
-
-const skip = shouldSkip(root);
-if (skip) process.exit(0); // silent: CI / opt-out / self-install / no consumer project
+import { shouldSkip } from "./_agent-setup.mjs";
 
 try {
-  const r = ensureMcpJson(root);
-  // A refusal is a full sentence, not one of the three status words — say it on its own line
-  // rather than folding it into "MCP in .mcp.json (…)", where it would read as a success.
-  if (r.startsWith("left untouched") || r.startsWith("present (custom godx-ui")) {
-    console.log(`\n  @godxjp/ui → .mcp.json ${r}\n`);
-  }
-  // A registration outside the project is reported whatever the project file says, before any of
-  // the quiet exits below: it is live beside ours and nothing here will ever change it (gh#722).
-  const outside = outOfProjectUiMcpReport(root);
-  if (outside) console.log(outside);
-  // The mandate is plain text the agent reads every turn (CLAUDE.md block + workflow file). It
-  // changes nothing in the dev loop, so it is installed by default: an agent that never saw the
-  // but no mandate). Only the hooks — which DO change the loop — stay behind `init-agent`.
-  const md = ensureClaudeMd(root);
-  if (md.startsWith("left untouched")) {
-    console.log(`  @godxjp/ui → CLAUDE.md ${md}\n`);
+  if (!shouldSkip(process.env.INIT_CWD || process.cwd())) {
+    console.log(
+      "\n  @godxjp/ui: agent files are not written on install. Run `npx godxjp-ui sync-rules` to set them up (add --dry-run to preview).\n",
+    );
   }
-  const wf = writeWorkflowMd(root);
-  const skill = refreshGuineaPigSkill(root);
-  const rules = ensureConsumerRules(root);
-  if (r.startsWith("left untouched") || md.startsWith("left untouched")) process.exit(0); // already reported
-  if (r === "present" && md === "present" && !wf && !skill && !rules) process.exit(0); // current — stay quiet
-  console.log(
-    `\n  @godxjp/ui → MCP in .mcp.json (${r}); workflow mandate in CLAUDE.md (${md}).\n` +
-      (rules ? `  common consumer rules in .ai/rules/godxjp-ui.md (glob ${rules}/**).\n` : "") +
-      (skill ? "  guinea-pig skill refreshed to this version (your section 8 kept).\n" : "") +
-      "  Your agent now has live component + audit guidance. Restart it to pick up the MCP.\n" +
-      "  For auto-audit on every edit (PostToolUse + SessionStart hooks):\n" +
-      "    npx @godxjp/ui init-agent\n",
-  );
 } catch {
-  // Never fail an install over optional setup.
+  // Never fail an install over an optional hint.
 }
 process.exit(0);

package/scripts/prune-css.mjs

@@ -128,7 +128,7 @@ let sawNamespace = false;
 // `@godxjp/editor` / `@godxjp/markdown` too (gh#1114): their components render kit components, and
 // the manifest maps `MarkdownEditor` to the layers those need.
 const IMPORT =
-  /(?:import|export)\s+(type\s+)?([^;'"]*?)\s*from\s*["'](@godxjp\/(?:ui|editor|block-editor|markdown)(?:\/[^"']*)?)["']/g;
+  /(?:import|export)\s+(type\s+)?([^;'"]*?)\s*from\s*["'](@godxjp\/(?:ui|editor|block-editor|markdown|chat)(?:\/[^"']*)?)["']/g;
 for (const file of new Set(sources)) {
   const src = readFileSync(file, "utf8");
   for (const m of src.matchAll(IMPORT)) {

package/scripts/ui-audit.mjs

@@ -1825,8 +1825,11 @@ for (const dir of SCAN_DIRS) {
     scannedFiles.push(rel);
     // A primitive implements native controls; asking Input to render Input recurses.
     // Consumer applications and executable docs still receive these composition checks.
+    // `src/lab/` holds primitives too — the opt-in tier (v32 #1223), same gates as core.
     const fileRules =
-      SELF && !args.includes("--consumer") && rel.startsWith("src/components/")
+      SELF &&
+      !args.includes("--consumer") &&
+      (rel.startsWith("src/components/") || rel.startsWith("src/lab/"))
         ? ACTIVE_RULES.filter((rule) => rule.scope !== "consumer-control")
         : ACTIVE_RULES;
     const content = readFileSync(file, "utf8");
@@ -2089,7 +2092,7 @@ for (const dir of SCAN_DIRS) {
             rule: "formfield-needs-form",
             severity: "error",
             standard: "@godxjp/ui Form (gh#998)",
-            message: `${group.length} FormFields under one parent with no <Form> around them. <Form layout="horizontal" labelWidth controlWidth> is what lines fields up — without it each form picks its own layout, and a row of fields in a hand-rolled <Flex> drops the required field's label out of line. Wrap them in <Form>; a row that belongs together is <SpaceCompact> or <Form columns>. A lone field (a search box, a type-to-confirm input) is not flagged.`,
+            message: `${group.length} FormFields under one parent with no <Form> around them. <Form layout="horizontal" labelWidth controlWidth> is what lines fields up — without it each form picks its own layout, and a row of fields in a hand-rolled <Flex> drops the required field's label out of line. Wrap them in <Form>; a row that belongs together is <Flex attached> or <Form columns>. A lone field (a search box, a type-to-confirm input) is not flagged.`,
             snippet: scanContent.slice(at, at + 120).replace(/\s+/g, " "),
           });
         }

package/dist/components/data-display/chat-bubble.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import type { ChatBubbleListProp, ChatBubbleProp } from "../../props/components/data-display.prop.js";
-export type { ChatBubbleListProp, ChatBubblePlacementProp, ChatBubbleProp, ChatBubbleToneProp, ChatBubbleTypingProp, ChatBubbleVariantProp, ChatMessageProp, } from "../../props/components/data-display.prop.js";
-export type ChatBubbleProps = ChatBubbleProp & Omit<React.HTMLAttributes<HTMLElement>, keyof ChatBubbleProp>;
-/**
- * ChatBubble — ONE message in a conversation: an optional author mark, a header naming the turn,
- * the message body, and a footer for timestamps or per-message actions.
- *
- * It is an `<article>` inside the feed's `role="log"`, and it deliberately owns NO live region of
- * its own: one live region per bubble floods a screen reader on every token of a stream. The feed
- * (`ChatBubbleList`) owns the single `aria-live="polite"` region; a bubble only ever says "I am
- * still being produced" through `aria-busy`.
- */
-export declare const ChatBubble: React.ForwardRefExoticComponent<ChatBubbleProp & Omit<React.HTMLAttributes<HTMLElement>, keyof ChatBubbleProp> & React.RefAttributes<HTMLElement>>;
-export type ChatBubbleListProps = ChatBubbleListProp & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ChatBubbleListProp>;
-/**
- * ChatBubbleList — the message feed.
- *
- * The behaviour that earns this a component rather than a `ScrollArea` + `map` is STICK-TO-BOTTOM:
- * new messages keep the viewport pinned only while the reader is ALREADY at the bottom. The moment
- * they scroll up to re-read something the pin is revoked and stays revoked until they ask for it
- * back — silently yanking a reader to the newest message mid-sentence is a change of context they
- * did not request (WCAG 3.2.5), and it is the classic chat-UI defect. The way back is a real,
- * focusable button that also says how many messages arrived while they were away.
- *
- * GIVE IT A DEFINITE HEIGHT — `className="h-96"`, or a flex/grid parent that hands it a track.
- * The feed scrolls INSIDE itself; with no height it simply grows to its content, nothing ever
- * overflows, and every behaviour above has nothing to act on.
- */
-export declare const ChatBubbleList: React.ForwardRefExoticComponent<ChatBubbleListProp & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ChatBubbleListProp> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/chat-bubble.js

@@ -1,229 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ArrowDown } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useMediaQuery } from "../../lib/hooks.js";
-import { cn } from "../../lib/utils.js";
-import { Skeleton } from "../feedback/skeleton.js";
-import { Button } from "../general/button.js";
-import { Text } from "../general/typography.js";
-import { VisuallyHidden } from "../general/visually-hidden.js";
-import { ScrollArea } from "./scroll-area.js";
-const BODY_SIZE = {
-  xs: "2xs",
-  sm: "xs",
-  md: "sm",
-  lg: "lg"
-};
-const META_SIZE = {
-  xs: "2xs",
-  sm: "2xs",
-  md: "xs",
-  lg: "sm"
-};
-const TYPING_STEP = 1;
-const TYPING_INTERVAL = 50;
-function resolveTyping(typing) {
-  if (typing === void 0 || typing === false) {
-    return { enabled: false, step: TYPING_STEP, interval: TYPING_INTERVAL };
-  }
-  if (typing === true) return { enabled: true, step: TYPING_STEP, interval: TYPING_INTERVAL };
-  return {
-    enabled: true,
-    // A non-positive step would never reach the end of the string and a non-positive interval
-    // would spin the timer — both are "the animation never completes", which is the one outcome
-    // a reader can neither read nor dismiss.
-    step: typing.step != null && typing.step > 0 ? Math.floor(typing.step) : TYPING_STEP,
-    interval: typing.interval != null && typing.interval > 0 ? typing.interval : TYPING_INTERVAL
-  };
-}
-function useRevealedLength(text, enabled, step, interval) {
-  const full = text?.length ?? 0;
-  const [revealed, setRevealed] = React.useState(() => enabled ? 0 : full);
-  React.useEffect(() => {
-    if (!enabled || text === void 0) {
-      setRevealed(text?.length ?? 0);
-      return void 0;
-    }
-    setRevealed(0);
-    let shown = 0;
-    const timer = setInterval(() => {
-      shown = Math.min(text.length, shown + step);
-      setRevealed(shown);
-      if (shown >= text.length) clearInterval(timer);
-    }, interval);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [text, enabled, step, interval]);
-  return Math.min(revealed, full);
-}
-const TONE_KEY = {
-  info: "chat.bubble.tone.info",
-  success: "chat.bubble.tone.success",
-  warning: "chat.bubble.tone.warning",
-  destructive: "chat.bubble.tone.destructive"
-};
-const ChatBubble = React.forwardRef(
-  ({
-    children,
-    placement = "start",
-    variant = "filled",
-    avatar,
-    header,
-    footer,
-    loading = false,
-    typing,
-    size = "md",
-    tone = "default",
-    className,
-    id,
-    ...props
-  }, ref) => {
-    const { t } = useTranslation();
-    const generatedId = React.useId();
-    const headerId = `${id ?? generatedId}-header`;
-    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-    const text = typeof children === "string" ? children : void 0;
-    const { enabled, step, interval } = resolveTyping(typing);
-    const animates = enabled && !loading && text !== void 0 && !reduceMotion;
-    const revealed = useRevealedLength(text, animates, step, interval);
-    const streaming = animates && revealed < (text?.length ?? 0);
-    const body = loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "ui-chat-bubble-skeleton", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "ui-chat-bubble-skeleton-line" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "ui-chat-bubble-skeleton-line ui-chat-bubble-skeleton-line--short" })
-      ] }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: t("chat.bubble.loading") })
-    ] }) : streaming ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Text, { as: "div", size: BODY_SIZE[size], whitespace: "pre-wrap", "aria-hidden": "true", children: [
-        text?.slice(0, revealed),
-        /* @__PURE__ */ jsx("span", { className: "ui-chat-bubble-caret" })
-      ] }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: t("chat.bubble.typing") })
-    ] }) : /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "div",
-        size: BODY_SIZE[size],
-        whitespace: text !== void 0 ? "pre-wrap" : void 0,
-        children
-      }
-    );
-    return /* @__PURE__ */ jsxs(
-      "article",
-      {
-        ref,
-        id,
-        "data-slot": "chat-bubble",
-        "data-placement": placement,
-        "data-variant": variant,
-        "data-size": size,
-        "data-tone": tone,
-        "aria-busy": loading || streaming ? true : void 0,
-        "aria-labelledby": header != null ? headerId : void 0,
-        className: cn("ui-chat-bubble", className),
-        ...props,
-        children: [
-          avatar != null ? /* @__PURE__ */ jsx("span", { "data-slot": "chat-bubble-avatar", className: "ui-chat-bubble-avatar", children: avatar }) : null,
-          /* @__PURE__ */ jsxs("div", { "data-slot": "chat-bubble-column", className: "ui-chat-bubble-column", children: [
-            header != null ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "div",
-                id: headerId,
-                className: "ui-chat-bubble-header",
-                size: META_SIZE[size],
-                tone: "muted",
-                weight: "medium",
-                children: header
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("div", { "data-slot": "chat-bubble-body", className: "ui-chat-bubble-body", children: [
-              tone !== "default" ? /* @__PURE__ */ jsx(VisuallyHidden, { children: t(TONE_KEY[tone]) }) : null,
-              body
-            ] }),
-            footer != null ? /* @__PURE__ */ jsx(Text, { as: "div", className: "ui-chat-bubble-footer", size: META_SIZE[size], tone: "muted", children: footer }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-ChatBubble.displayName = "ChatBubble";
-const ChatBubbleList = React.forwardRef(
-  ({ items, roles, autoScroll = true, label, className, id, ...props }, ref) => {
-    const { t } = useTranslation();
-    const viewportRef = React.useRef(null);
-    const [anchored, setAnchored] = React.useState(true);
-    const seen = React.useRef(items.length);
-    React.useEffect(() => {
-      if (anchored) seen.current = items.length;
-    }, [anchored, items.length]);
-    const pending = anchored ? 0 : Math.max(0, items.length - seen.current);
-    const jumpToLatest = React.useCallback(() => {
-      const viewport = viewportRef.current;
-      if (viewport) {
-        const bottom = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
-        if (typeof viewport.scrollTo === "function") {
-          viewport.scrollTo({ top: bottom, behavior: "instant" });
-        } else {
-          viewport.scrollTop = bottom;
-        }
-      }
-      setAnchored(true);
-    }, []);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        id,
-        "data-slot": "chat-bubble-list",
-        "data-anchored": anchored ? "" : void 0,
-        className: cn("ui-chat-bubble-list", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            ScrollArea,
-            {
-              className: "ui-chat-bubble-list-scroller",
-              anchor: autoScroll ? "bottom" : "none",
-              viewportRef,
-              onAnchoredChange: setAnchored,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "log",
-                  "aria-live": "polite",
-                  "aria-label": label ?? t("chat.list.label"),
-                  "data-slot": "chat-bubble-list-feed",
-                  className: "ui-chat-bubble-list-feed",
-                  children: items.map(({ id: messageId, role, content, ...message }) => /* @__PURE__ */ jsx(
-                    ChatBubble,
-                    {
-                      id: messageId,
-                      ...role != null ? roles?.[role] : void 0,
-                      ...message,
-                      children: content
-                    },
-                    messageId
-                  ))
-                }
-              )
-            }
-          ),
-          anchored ? null : /* @__PURE__ */ jsx("div", { "data-slot": "chat-bubble-list-jump", className: "ui-chat-bubble-list-jump", children: /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "secondary", shape: "pill", onClick: jumpToLatest, children: [
-            /* @__PURE__ */ jsx(ArrowDown, { "aria-hidden": "true" }),
-            pending > 0 ? t("chat.list.newMessages", { count: pending }) : t("chat.list.jumpToLatest")
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-ChatBubbleList.displayName = "ChatBubbleList";
-export {
-  ChatBubble,
-  ChatBubbleList
-};

package/dist/components/data-display/hover-card.d.ts

@@ -1 +0,0 @@
-export { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card.js";

package/dist/components/data-display/hover-card.js

@@ -1,7 +0,0 @@
-"use client";
-import { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card.js";
-export {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger
-};

package/dist/components/data-display/thought-chain.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-import type { ThoughtChainItemProp, ThoughtChainProp } from "../../props/components/data-display.prop.js";
-export type { ThoughtChainProp, ThoughtChainProp as ThoughtChainProps, ThoughtChainItemsProp, ThoughtChainItemProp, ThoughtChainItemProp as ThoughtChainItemProps, ThoughtChainStatusProp, ThoughtChainLineProp, ThoughtChainVariantProp, } from "../../props/components/data-display.prop.js";
-/**
- * ThoughtChain — the assistant's reasoning, step by step (Ant Design X `ThoughtChain`).
- *
- * ## The shape, and why it is an `<ol>`
- *
- * Ant renders the whole chain as nested `<div>`s and paints the step number itself
- * (`index + 1` in `es/thought-chain/Node.js`). The order of the steps IS the content here — step 3
- * only makes sense after step 2 — so the chain is an ordered list and a screen reader gets "list,
- * 4 items" plus each step's position for free. The visible ordinal stays, because the same number
- * has to be on screen for a sighted reader following a long chain.
- *
- * ## The disclosure is a real button
- *
- * A `collapsible` step's title in Ant is a `<div onClick>` with a rotating chevron — no role, no
- * `tabIndex`, no `aria-expanded`. Here it is a `<button aria-expanded aria-controls>` over the
- * body it opens: the WAI-ARIA APG Disclosure pattern, so the step can be opened from the keyboard
- * and its state is announced rather than inferred from a rotation.
- *
- * Everything a caller passes keeps Ant's spelling: `items` (with `icon`, `title`, `description`,
- * `content`, `footer`, `status`, `collapsible`, `blink`, `destroyOnHidden`), the
- * `defaultExpandedKeys` / `expandedKeys` / `onExpand` triad, and `line`. `styles` / `classNames` /
- * `prefixCls` / `rootClassName` are not ported — the standing style-hole decision
- * (docs/WHAT-BELONGS-HERE.md, docs/DESIGN-AUTHORITY.md); the chain is retuned through
- * `src/tokens/components/thought-chain.css`.
- */
-export declare const ThoughtChain: React.ForwardRefExoticComponent<ThoughtChainProp & React.RefAttributes<HTMLOListElement>>;
-/**
- * ThoughtChainItem — one step OUTSIDE a chain (Ant Design X `ThoughtChain.Item`).
- *
- * A named export rather than `ThoughtChain.Item`, for the same reason `ActionsItem` is: every
- * compound in this library is separate named exports (`CardHeader`, `TabsList`), and attaching
- * statics to one component would be the only instance of it here.
- *
- * ONE DEVIATION: Ant renders the chip as a `<div>` and hangs `onClick` on it, so a clickable step
- * is invisible to the keyboard and to assistive technology. Here an item WITH `onClick` renders a
- * real `<button>` and one without renders a plain `<div>` — the element follows whether the thing
- * is actually a control.
- */
-export declare const ThoughtChainItem: React.ForwardRefExoticComponent<ThoughtChainItemProp & React.RefAttributes<HTMLElement>>;

package/dist/components/data-display/thought-chain.js

@@ -1,177 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronRight, CircleCheck, CircleMinus, CircleX, Loader2 } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-import { VisuallyHidden } from "../general/visually-hidden.js";
-import { Text } from "../general/typography.js";
-const STATUS_GLYPH = {
-  loading: /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "ui-thought-chain-spinner" }),
-  success: /* @__PURE__ */ jsx(CircleCheck, { "aria-hidden": "true" }),
-  error: /* @__PURE__ */ jsx(CircleX, { "aria-hidden": "true" }),
-  abort: /* @__PURE__ */ jsx(CircleMinus, { "aria-hidden": "true" })
-};
-function StatusMark({
-  status,
-  fallback
-}) {
-  const { t } = useTranslation();
-  if (!status) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    STATUS_GLYPH[status],
-    /* @__PURE__ */ jsx(VisuallyHidden, { children: t(`dataDisplay.thoughtChain.status.${status}`) })
-  ] });
-}
-const ThoughtChain = React.forwardRef(
-  ({
-    items = [],
-    defaultExpandedKeys,
-    expandedKeys,
-    onExpand,
-    line = true,
-    label,
-    id,
-    className,
-    ...rest
-  }, ref) => {
-    const { t } = useTranslation();
-    const reactId = React.useId();
-    const [uncontrolled, setUncontrolled] = React.useState(() => [
-      ...defaultExpandedKeys ?? []
-    ]);
-    const open = expandedKeys ? [...expandedKeys] : uncontrolled;
-    const toggle = (key) => {
-      const next = open.includes(key) ? open.filter((k) => k !== key) : [...open, key];
-      if (!expandedKeys) setUncontrolled(next);
-      onExpand?.(next);
-    };
-    return /* @__PURE__ */ jsx(
-      "ol",
-      {
-        ref,
-        id,
-        "aria-label": label ?? t("dataDisplay.thoughtChain.label"),
-        "data-slot": "thought-chain",
-        "data-line": line === false ? "none" : line === true ? "solid" : line,
-        className: cn("ui-thought-chain", className),
-        ...rest,
-        children: items.map((item, index) => {
-          const key = item.key ?? `${reactId}-${index}`;
-          const bodyId = `${reactId}-body-${index}`;
-          const collapsible = Boolean(item.collapsible && item.content);
-          const expanded = collapsible ? open.includes(key) : true;
-          const glyph = item.icon === false ? null : item.icon ?? index + 1;
-          return /* @__PURE__ */ jsxs(
-            "li",
-            {
-              "data-slot": "thought-chain-node",
-              "data-status": item.status,
-              className: "ui-thought-chain-node",
-              children: [
-                glyph === null ? null : /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "data-slot": "thought-chain-icon",
-                    "data-status": item.status,
-                    className: "ui-thought-chain-icon",
-                    children: /* @__PURE__ */ jsx(StatusMark, { status: item.status, fallback: glyph })
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "ui-thought-chain-body", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "ui-thought-chain-header", children: [
-                    collapsible ? /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-expanded": expanded,
-                        "aria-controls": bodyId,
-                        "data-blink": item.blink ? "" : void 0,
-                        className: "ui-thought-chain-trigger",
-                        onClick: () => toggle(key),
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            ChevronRight,
-                            {
-                              "aria-hidden": "true",
-                              "data-expanded": expanded ? "true" : void 0,
-                              className: "ui-thought-chain-chevron"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(Text, { weight: "medium", children: item.title })
-                        ]
-                      }
-                    ) : /* @__PURE__ */ jsx(Text, { weight: "medium", "data-blink": item.blink ? "" : void 0, children: item.title }),
-                    item.description ? /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: item.description }) : null
-                  ] }),
-                  item.content && (expanded || item.destroyOnHidden === false) ? /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      id: bodyId,
-                      hidden: !expanded,
-                      "data-blink": item.blink ? "" : void 0,
-                      className: "ui-thought-chain-content",
-                      children: item.content
-                    }
-                  ) : null,
-                  item.footer ? /* @__PURE__ */ jsx("div", { className: "ui-thought-chain-footer", children: item.footer }) : null
-                ] })
-              ]
-            },
-            key
-          );
-        })
-      }
-    );
-  }
-);
-ThoughtChain.displayName = "ThoughtChain";
-const ThoughtChainItem = React.forwardRef(
-  ({
-    title,
-    description,
-    icon,
-    status,
-    variant = "solid",
-    blink,
-    disabled,
-    onClick,
-    id,
-    className
-  }, ref) => {
-    const shared = {
-      id,
-      "data-slot": "thought-chain-item",
-      "data-variant": variant,
-      "data-status": status,
-      "data-blink": blink ? "" : void 0,
-      className: cn("ui-thought-chain-item", className)
-    };
-    const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-      status || icon ? /* @__PURE__ */ jsx("span", { "data-status": status, className: "ui-thought-chain-icon", children: /* @__PURE__ */ jsx(StatusMark, { status, fallback: icon }) }) : null,
-      /* @__PURE__ */ jsxs("span", { className: "ui-thought-chain-item-text", children: [
-        title ? /* @__PURE__ */ jsx(Text, { weight: "medium", children: title }) : null,
-        description ? /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: description }) : null
-      ] })
-    ] });
-    if (!onClick) {
-      return /* @__PURE__ */ jsx("div", { ref, ...shared, children: inner });
-    }
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        disabled,
-        onClick,
-        ...shared,
-        children: inner
-      }
-    );
-  }
-);
-ThoughtChainItem.displayName = "ThoughtChainItem";
-export {
-  ThoughtChain,
-  ThoughtChainItem
-};

package/dist/components/data-display/thumbnail.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-export type { ThumbnailProp, ThumbnailProp as ThumbnailProps, ThumbnailSizeProp, } from "../../props/components/data-display.prop.js";
-/**
- * Thumbnail — a framed picture at a FIXED HEIGHT and its OWN intrinsic width.
- *
- * That combination is the whole component. A wrapping row of screenshots holds portrait and
- * landscape shots together; equal heights make the row read as one strip, and letting each
- * width follow its own ratio is what keeps every shot uncropped.
- *
- * ## Why not the four components it is mistaken for
- *
- * - **`AspectRatio`** constrains a RATIO and spans `width: 100%`. Two different intrinsic ratios
- *   in one row can only be forced into one number by letterboxing or cropping them, which is the
- *   opposite of the requirement. It also draws no frame.
- * - **`Avatar`** is an identity mark (with initials fallback), not a picture.
- * - **`Card`** puts padding between its edge and the picture. The frame here is ON the image.
- * - **`CardCover`** is the full-bleed media slot INSIDE a Card, not a standalone thumbnail.
- *
- * ## The frame is on the `<img>` itself
- *
- * No wrapper element. A wrapper would have to be told the image's width to hug it, which is
- * exactly the number nobody has until the picture loads; a border on the replaced element is
- * flush by construction at every ratio.
- *
- * ## Reserve the width before the picture arrives
- *
- * With an intrinsic width there is nothing to lay out until the bytes land, so a row of these
- * reflows as they load. Pass the file's real pixel `width` and `height` attributes — the browser
- * derives the ratio from them, and with the block size already fixed the frame takes its final
- * width on the first paint (`<Thumbnail width={1280} height={800} … />`).
- */
-export declare const Thumbnail: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "alt"> & {
-    src: string;
-    alt: string;
-    size?: import("./thumbnail.js").ThumbnailSizeProp;
-    className?: import("../../props/index.js").ClassNameProp;
-} & React.RefAttributes<HTMLImageElement>>;

package/dist/components/data-display/thumbnail.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils.js";
-const Thumbnail = React.forwardRef(
-  ({ size = "md", className, alt, ...props }, ref) => /* @__PURE__ */ jsx(
-    "img",
-    {
-      ref,
-      "data-slot": "thumbnail",
-      "data-size": size,
-      alt,
-      className: cn("ui-thumbnail", className),
-      ...props
-    }
-  )
-);
-Thumbnail.displayName = "Thumbnail";
-export {
-  Thumbnail
-};