@vegastack/design 0.4.1 → 0.6.0

package/dist/chunk-42HJ4OYZ.js

@@ -0,0 +1,103 @@
+// src/index.ts
+import { clsx } from "clsx";
+import { twMerge as tailwindMerge } from "tailwind-merge";
+
+// src/prose.ts
+var prose = {
+  /** The root's own ink and size — every rule below is relative to this. */
+  root: "text-sm text-foreground",
+  // Headings. `scroll-m-20` keeps an anchored heading clear of a sticky header; the weight is
+  // `font-semibold`, the ordinary Tailwind weight upstream uses — Batch 1 of the shadcn reset
+  // deleted both the 400/500 ladder and the `text-h*` roles this comment used to name.
+  h1: "[&_h1]:mt-6 [&_h1]:mb-3 [&_h1]:scroll-m-20 [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:text-foreground [&_h1]:first:mt-0",
+  h2: "[&_h2]:mt-6 [&_h2]:mb-3 [&_h2]:scroll-m-20 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:text-foreground [&_h2]:first:mt-0",
+  h3: "[&_h3]:mt-5 [&_h3]:mb-2 [&_h3]:scroll-m-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:text-foreground [&_h3]:first:mt-0",
+  h4: "[&_h4]:mt-4 [&_h4]:mb-2 [&_h4]:scroll-m-20 [&_h4]:text-base [&_h4]:font-medium [&_h4]:text-foreground [&_h4]:first:mt-0",
+  // h5/h6 leave the display tier and become labels — the type scale has no sixth heading size.
+  h5: "[&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-sm [&_h5]:font-medium [&_h5]:text-foreground [&_h5]:first:mt-0",
+  h6: "[&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-sm [&_h6]:font-medium [&_h6]:text-muted-foreground [&_h6]:first:mt-0",
+  p: "[&_p]:my-3 [&_p]:leading-relaxed [&_p]:text-foreground [&_p]:first:mt-0 [&_p]:last:mb-0",
+  // Marks. Links are `info` ink per design.md §Colours; `s` is Tiptap's strike element and `del`
+  // is GFM's — the same mark from two producers.
+  a: "[&_a]:font-medium [&_a]:text-info-text [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-info-text/88",
+  strong: "[&_strong]:font-medium [&_strong]:text-foreground",
+  em: "[&_em]:italic",
+  del: "[&_del]:text-muted-foreground [&_del]:line-through [&_s]:text-muted-foreground [&_s]:line-through",
+  // Lists. A GFM task list carries `contains-task-list` and its checkbox IS the marker, so the
+  // disc goes — expressed as a second, more specific descendant rule rather than a class on the
+  // element, which would lose the cascade (see the header).
+  ul: "[&_ul]:my-3 [&_ul]:ms-6 [&_ul]:list-disc [&_ul]:text-foreground [&_ul]:marker:text-muted-foreground [&_ul.contains-task-list]:list-none",
+  ol: "[&_ol]:my-3 [&_ol]:ms-6 [&_ol]:list-decimal [&_ol]:text-foreground [&_ol]:marker:text-muted-foreground",
+  li: "[&_li]:mt-1.5 [&_li]:leading-relaxed",
+  blockquote: "[&_blockquote]:my-3 [&_blockquote]:border-s-2 [&_blockquote]:border-border [&_blockquote]:ps-4 [&_blockquote]:text-muted-foreground [&_blockquote]:italic",
+  // Inline code is a chip. Code inside a `pre` is not: it inherits the panel's ground, so the chip
+  // is undone at higher specificity (`[&_pre_code]` is (0,1,2) against the chip's (0,1,1)).
+  code: "[&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-foreground",
+  // A bare `<pre>` wears `CodeBlock`'s surface — the same sunken panel, one vocabulary (B4-09).
+  // `CodeBlock`'s own `pre` is excluded: it already sits inside a `figure` carrying the border,
+  // radius and ground, and re-applying them here would draw a second panel inside the first.
+  pre: "[&_pre:not([data-slot='code-block-pre'])]:my-3 [&_pre:not([data-slot='code-block-pre'])]:overflow-x-auto [&_pre:not([data-slot='code-block-pre'])]:rounded-lg [&_pre:not([data-slot='code-block-pre'])]:border [&_pre:not([data-slot='code-block-pre'])]:border-border [&_pre:not([data-slot='code-block-pre'])]:bg-muted [&_pre:not([data-slot='code-block-pre'])]:p-4 [&_pre:not([data-slot='code-block-pre'])]:text-foreground",
+  preCode: "[&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:font-mono [&_pre_code]:text-sm [&_pre_code]:text-foreground",
+  hr: "[&_hr]:my-6 [&_hr]:border-border",
+  // GFM tables. The scroll container is structural and belongs to the consumer (MarkdownView wraps
+  // the table in an `overflow-x-auto` div); these are the cell and rule tokens.
+  table: "[&_table]:w-full [&_table]:border-collapse [&_table]:text-sm [&_table]:text-foreground [&_thead]:border-b [&_thead]:border-border [&_tr]:border-b [&_tr]:border-border [&_tr]:last:border-0 [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:font-medium [&_th]:text-foreground [&_td]:px-3 [&_td]:py-2 [&_td]:text-muted-foreground",
+  img: "[&_img]:my-3 [&_img]:max-w-full [&_img]:rounded-lg [&_img]:border [&_img]:border-border"
+};
+var proseClassName = Object.values(prose).join(" ");
+
+// src/index.ts
+var twMerge = tailwindMerge;
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var TIMINGS = {
+  /** How long transient success feedback holds before reverting (CopyButton "Copied ✓"). */
+  feedbackRevertMs: 1500,
+  /** Debounce before auto-persisting a text field (AutoSaveInput). */
+  autoSaveDebounceMs: 800,
+  /** Hover delay before a rich preview (HoverCard) opens — guards accidental opens. */
+  hoverOpenDelayMs: 700,
+  /** Hover delay before a rich preview closes — lets the pointer travel into the card. */
+  hoverCloseDelayMs: 300,
+  /**
+   * Hover delay before a tooltip opens. A tooltip is a cheap label, not a preview, so it is
+   * deliberately much faster than {@link TIMINGS.hoverOpenDelayMs} — long enough that sweeping
+   * across a toolbar does not flash five tips, short enough that a deliberate hover feels
+   * instant. Base UI's `Tooltip.Provider` grouping then opens adjacent tips with no delay at
+   * all. Set once, in the app-root provider.
+   */
+  tooltipOpenDelayMs: 300,
+  /**
+   * Delay before a tooltip closes. Zero: a tooltip has nothing to travel into (it is not
+   * hoverable content, unlike a HoverCard), so holding it after the pointer leaves only
+   * obscures what the user moved on to.
+   */
+  tooltipCloseDelayMs: 0
+};
+var FLOATING = {
+  sideOffsetAttached: 4,
+  sideOffsetDetached: 8,
+  collisionPadding: 8
+};
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (ref == null) continue;
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    }
+  };
+}
+
+export {
+  prose,
+  proseClassName,
+  cn,
+  TIMINGS,
+  FLOATING,
+  mergeRefs
+};

package/dist/create-animated-icon.cjs

@@ -41,60 +41,10 @@ var import_react = require("motion/react");
 // src/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "label",
-            "label-sm",
-            "code",
-            "code-sm",
-            "mono-label",
-            "display-sm",
-            "display-md",
-            "display-lg",
-            "display-xl"
-          ]
-        }
-      ]
-    }
-  }
-});
+var twMerge = import_tailwind_merge.twMerge;
 function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
-var fieldControl = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "placeholder:text-muted-foreground-faint",
-  "not-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus:border-ring/(--alpha-tint-border)",
-  "not-focus:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "disabled:cursor-not-allowed disabled:bg-surface-1 disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
-var fieldControlGroup = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "not-has-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus-within:border-ring/(--alpha-tint-border)",
-  "data-focused:border-ring/(--alpha-tint-border)",
-  // Both the SELF and the DESCENDANT form of the invalid tint (2026-09-09). `has-aria-invalid:` is
-  // a `:has()` over descendants, so a group that carries `aria-invalid` on ITSELF — which is where
-  // `<NumberField aria-invalid />` lands the attribute, on the `[data-field-group]` element —
-  // matched nothing and measured the neutral `--input` border. Inside a `Field` the state arrives
-  // as `data-invalid` on the group and was always correct; this is the standalone path.
-  "not-focus-within:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:has-aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "has-disabled:cursor-not-allowed has-disabled:bg-surface-1 has-disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
 
 // src/icons/create-animated-icon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -239,7 +189,7 @@ function createAnimatedIcon(spec) {
   const RootTag = rootTag === "motion.svg" ? import_react.motion.svg : "svg";
   function AnimatedIconComponent({
     className,
-    size = "var(--icon-default)",
+    size = "1rem",
     ref,
     onPointerEnter,
     onPointerLeave,

package/dist/create-animated-icon.d.cts

@@ -177,7 +177,7 @@ interface AnimatedIconSpec {
     stop?: (choreography: AnimatedIconChoreography) => void | Promise<void>;
 }
 interface AnimatedIconOwnProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "ref"> {
-    /** Any CSS length. Defaults to the `--icon-default` role token. */
+    /** Any CSS length. Defaults to the `size-4` role token. */
     size?: number | string;
     ref?: React.Ref<AnimatedIconHandle>;
 }

package/dist/create-animated-icon.d.ts

@@ -177,7 +177,7 @@ interface AnimatedIconSpec {
     stop?: (choreography: AnimatedIconChoreography) => void | Promise<void>;
 }
 interface AnimatedIconOwnProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "ref"> {
-    /** Any CSS length. Defaults to the `--icon-default` role token. */
+    /** Any CSS length. Defaults to the `size-4` role token. */
     size?: number | string;
     ref?: React.Ref<AnimatedIconHandle>;
 }

package/dist/create-animated-icon.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-DS7SBEDS.js";
+} from "./chunk-42HJ4OYZ.js";
 
 // src/icons/create-animated-icon.tsx
 import * as React from "react";
@@ -153,7 +153,7 @@ function createAnimatedIcon(spec) {
   const RootTag = rootTag === "motion.svg" ? motion.svg : "svg";
   function AnimatedIconComponent({
     className,
-    size = "var(--icon-default)",
+    size = "1rem",
     ref,
     onPointerEnter,
     onPointerLeave,

package/dist/icons/index.cjs

@@ -55,60 +55,10 @@ var React2 = require("react");
 // src/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "label",
-            "label-sm",
-            "code",
-            "code-sm",
-            "mono-label",
-            "display-sm",
-            "display-md",
-            "display-lg",
-            "display-xl"
-          ]
-        }
-      ]
-    }
-  }
-});
+var twMerge = import_tailwind_merge.twMerge;
 function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
-var fieldControl = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "placeholder:text-muted-foreground-faint",
-  "not-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus:border-ring/(--alpha-tint-border)",
-  "not-focus:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "disabled:cursor-not-allowed disabled:bg-surface-1 disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
-var fieldControlGroup = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "not-has-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus-within:border-ring/(--alpha-tint-border)",
-  "data-focused:border-ring/(--alpha-tint-border)",
-  // Both the SELF and the DESCENDANT form of the invalid tint (2026-09-09). `has-aria-invalid:` is
-  // a `:has()` over descendants, so a group that carries `aria-invalid` on ITSELF — which is where
-  // `<NumberField aria-invalid />` lands the attribute, on the `[data-field-group]` element —
-  // matched nothing and measured the neutral `--input` border. Inside a `Field` the state arrives
-  // as `data-invalid` on the group and was always correct; this is the standalone path.
-  "not-focus-within:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:has-aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "has-disabled:cursor-not-allowed has-disabled:bg-surface-1 has-disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
 
 // src/icons/brand-icon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -193,10 +143,10 @@ function BrandIcon({
 var React3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var SIZES2 = {
-  xs: "var(--icon-inline)",
-  sm: "var(--icon-default)",
-  md: "var(--icon-action)",
-  lg: "var(--icon-feature)"
+  xs: "0.875rem",
+  sm: "1rem",
+  md: "1.25rem",
+  lg: "1.5rem"
 };
 function AnimatedIcon({
   as: Cmp,

package/dist/icons/index.d.cts

@@ -92,12 +92,19 @@ interface BrandIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "ch
  */
 declare function BrandIcon({ icon, variant, size, "aria-label": label, className, ...props }: BrandIconProps): React.JSX.Element;
 
-/** Runtime icon-role tokens — resolves in the consumer's active theme. */
+/**
+ * The four animated-icon sizes, as literal rem values.
+ *
+ * They were `var(size-3.5|default|action|feature)` until the shadcn reset deleted the
+ * `--icon-*` role family (ICO-2 = shadcn: upstream sizes icons with a plain `size-4` on the
+ * parent). The rendered sizes are unchanged — 14 / 16 / 20 / 24px — and they are literals here
+ * because this value is passed to `motion.svg` as a `size` prop, not compiled as a utility.
+ */
 declare const SIZES: {
-    readonly xs: "var(--icon-inline)";
-    readonly sm: "var(--icon-default)";
-    readonly md: "var(--icon-action)";
-    readonly lg: "var(--icon-feature)";
+    readonly xs: "0.875rem";
+    readonly sm: "1rem";
+    readonly md: "1.25rem";
+    readonly lg: "1.5rem";
 };
 type AnimatedIconSize = keyof typeof SIZES;
 /**
@@ -125,7 +132,7 @@ interface AnimatedIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
     /** A mirrored lucide-animated icon component, e.g. `import { ActivityIcon } from '@/components/ui/activity'`. */
     as: AnimatedIconComponent;
     /**
-     * Size role — resolves through `--icon-inline/default/action/feature` at runtime.
+     * Size role — resolves through `size-3.5/default/action/feature` at runtime.
      * @default 'md'
      */
     size?: AnimatedIconSize;

package/dist/icons/index.d.ts

@@ -92,12 +92,19 @@ interface BrandIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "ch
  */
 declare function BrandIcon({ icon, variant, size, "aria-label": label, className, ...props }: BrandIconProps): React.JSX.Element;
 
-/** Runtime icon-role tokens — resolves in the consumer's active theme. */
+/**
+ * The four animated-icon sizes, as literal rem values.
+ *
+ * They were `var(size-3.5|default|action|feature)` until the shadcn reset deleted the
+ * `--icon-*` role family (ICO-2 = shadcn: upstream sizes icons with a plain `size-4` on the
+ * parent). The rendered sizes are unchanged — 14 / 16 / 20 / 24px — and they are literals here
+ * because this value is passed to `motion.svg` as a `size` prop, not compiled as a utility.
+ */
 declare const SIZES: {
-    readonly xs: "var(--icon-inline)";
-    readonly sm: "var(--icon-default)";
-    readonly md: "var(--icon-action)";
-    readonly lg: "var(--icon-feature)";
+    readonly xs: "0.875rem";
+    readonly sm: "1rem";
+    readonly md: "1.25rem";
+    readonly lg: "1.5rem";
 };
 type AnimatedIconSize = keyof typeof SIZES;
 /**
@@ -125,7 +132,7 @@ interface AnimatedIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
     /** A mirrored lucide-animated icon component, e.g. `import { ActivityIcon } from '@/components/ui/activity'`. */
     as: AnimatedIconComponent;
     /**
-     * Size role — resolves through `--icon-inline/default/action/feature` at runtime.
+     * Size role — resolves through `size-3.5/default/action/feature` at runtime.
      * @default 'md'
      */
     size?: AnimatedIconSize;

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "../chunk-DS7SBEDS.js";
+} from "../chunk-42HJ4OYZ.js";
 
 // src/icons/icon.tsx
 import "react";
@@ -109,10 +109,10 @@ function BrandIcon({
 import "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var SIZES2 = {
-  xs: "var(--icon-inline)",
-  sm: "var(--icon-default)",
-  md: "var(--icon-action)",
-  lg: "var(--icon-feature)"
+  xs: "0.875rem",
+  sm: "1rem",
+  md: "1.25rem",
+  lg: "1.5rem"
 };
 function AnimatedIcon({
   as: Cmp,

package/dist/index.cjs

@@ -23,15 +23,9 @@ __export(src_exports, {
   FLOATING: () => FLOATING,
   TIMINGS: () => TIMINGS,
   cn: () => cn,
-  fieldControl: () => fieldControl,
-  fieldControlGroup: () => fieldControlGroup,
-  fillInteractive: () => fillInteractive,
   mergeRefs: () => mergeRefs,
   prose: () => prose,
-  proseClassName: () => proseClassName,
-  selectedChipVariants: () => selectedChipVariants,
-  surfaceInteractive: () => surfaceInteractive,
-  surfaceInteractiveGroup: () => surfaceInteractiveGroup
+  proseClassName: () => proseClassName
 });
 module.exports = __toCommonJS(src_exports);
 var import_clsx = require("clsx");
@@ -40,20 +34,21 @@ var import_tailwind_merge = require("tailwind-merge");
 // src/prose.ts
 var prose = {
   /** The root's own ink and size — every rule below is relative to this. */
-  root: "text-base text-foreground",
-  // Headings. `scroll-m-20` keeps an anchored heading clear of a sticky header; the weight ladder
-  // caps at 500, which the `text-h*` roles already carry.
-  h1: "[&_h1]:mt-6 [&_h1]:mb-3 [&_h1]:scroll-m-20 [&_h1]:text-h1 [&_h1]:text-foreground [&_h1]:first:mt-0",
-  h2: "[&_h2]:mt-6 [&_h2]:mb-3 [&_h2]:scroll-m-20 [&_h2]:text-h2 [&_h2]:text-foreground [&_h2]:first:mt-0",
-  h3: "[&_h3]:mt-5 [&_h3]:mb-2 [&_h3]:scroll-m-20 [&_h3]:text-h3 [&_h3]:text-foreground [&_h3]:first:mt-0",
-  h4: "[&_h4]:mt-4 [&_h4]:mb-2 [&_h4]:scroll-m-20 [&_h4]:text-h4 [&_h4]:text-foreground [&_h4]:first:mt-0",
+  root: "text-sm text-foreground",
+  // Headings. `scroll-m-20` keeps an anchored heading clear of a sticky header; the weight is
+  // `font-semibold`, the ordinary Tailwind weight upstream uses — Batch 1 of the shadcn reset
+  // deleted both the 400/500 ladder and the `text-h*` roles this comment used to name.
+  h1: "[&_h1]:mt-6 [&_h1]:mb-3 [&_h1]:scroll-m-20 [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:text-foreground [&_h1]:first:mt-0",
+  h2: "[&_h2]:mt-6 [&_h2]:mb-3 [&_h2]:scroll-m-20 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:text-foreground [&_h2]:first:mt-0",
+  h3: "[&_h3]:mt-5 [&_h3]:mb-2 [&_h3]:scroll-m-20 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:text-foreground [&_h3]:first:mt-0",
+  h4: "[&_h4]:mt-4 [&_h4]:mb-2 [&_h4]:scroll-m-20 [&_h4]:text-base [&_h4]:font-medium [&_h4]:text-foreground [&_h4]:first:mt-0",
   // h5/h6 leave the display tier and become labels — the type scale has no sixth heading size.
-  h5: "[&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-label [&_h5]:text-foreground [&_h5]:first:mt-0",
-  h6: "[&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-label [&_h6]:text-muted-foreground [&_h6]:first:mt-0",
+  h5: "[&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-sm [&_h5]:font-medium [&_h5]:text-foreground [&_h5]:first:mt-0",
+  h6: "[&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-sm [&_h6]:font-medium [&_h6]:text-muted-foreground [&_h6]:first:mt-0",
   p: "[&_p]:my-3 [&_p]:leading-relaxed [&_p]:text-foreground [&_p]:first:mt-0 [&_p]:last:mb-0",
   // Marks. Links are `info` ink per design.md §Colours; `s` is Tiptap's strike element and `del`
   // is GFM's — the same mark from two producers.
-  a: "[&_a]:font-medium [&_a]:text-info-text [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-info-text/(--alpha-link-hover)",
+  a: "[&_a]:font-medium [&_a]:text-info-text [&_a]:underline [&_a]:underline-offset-4 [&_a]:hover:text-info-text/88",
   strong: "[&_strong]:font-medium [&_strong]:text-foreground",
   em: "[&_em]:italic",
   del: "[&_del]:text-muted-foreground [&_del]:line-through [&_s]:text-muted-foreground [&_s]:line-through",
@@ -66,103 +61,25 @@ var prose = {
   blockquote: "[&_blockquote]:my-3 [&_blockquote]:border-s-2 [&_blockquote]:border-border [&_blockquote]:ps-4 [&_blockquote]:text-muted-foreground [&_blockquote]:italic",
   // Inline code is a chip. Code inside a `pre` is not: it inherits the panel's ground, so the chip
   // is undone at higher specificity (`[&_pre_code]` is (0,1,2) against the chip's (0,1,1)).
-  code: "[&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-base [&_code]:text-foreground",
+  code: "[&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-foreground",
   // A bare `<pre>` wears `CodeBlock`'s surface — the same sunken panel, one vocabulary (B4-09).
   // `CodeBlock`'s own `pre` is excluded: it already sits inside a `figure` carrying the border,
   // radius and ground, and re-applying them here would draw a second panel inside the first.
   pre: "[&_pre:not([data-slot='code-block-pre'])]:my-3 [&_pre:not([data-slot='code-block-pre'])]:overflow-x-auto [&_pre:not([data-slot='code-block-pre'])]:rounded-lg [&_pre:not([data-slot='code-block-pre'])]:border [&_pre:not([data-slot='code-block-pre'])]:border-border [&_pre:not([data-slot='code-block-pre'])]:bg-muted [&_pre:not([data-slot='code-block-pre'])]:p-4 [&_pre:not([data-slot='code-block-pre'])]:text-foreground",
-  preCode: "[&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:font-mono [&_pre_code]:text-code [&_pre_code]:text-foreground",
+  preCode: "[&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:font-mono [&_pre_code]:text-sm [&_pre_code]:text-foreground",
   hr: "[&_hr]:my-6 [&_hr]:border-border",
   // GFM tables. The scroll container is structural and belongs to the consumer (MarkdownView wraps
   // the table in an `overflow-x-auto` div); these are the cell and rule tokens.
-  table: "[&_table]:w-full [&_table]:border-collapse [&_table]:text-base [&_table]:text-foreground [&_thead]:border-b [&_thead]:border-border [&_tr]:border-b [&_tr]:border-border [&_tr]:last:border-0 [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:font-medium [&_th]:text-foreground [&_td]:px-3 [&_td]:py-2 [&_td]:text-muted-foreground",
+  table: "[&_table]:w-full [&_table]:border-collapse [&_table]:text-sm [&_table]:text-foreground [&_thead]:border-b [&_thead]:border-border [&_tr]:border-b [&_tr]:border-border [&_tr]:last:border-0 [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:font-medium [&_th]:text-foreground [&_td]:px-3 [&_td]:py-2 [&_td]:text-muted-foreground",
   img: "[&_img]:my-3 [&_img]:max-w-full [&_img]:rounded-lg [&_img]:border [&_img]:border-border"
 };
 var proseClassName = Object.values(prose).join(" ");
 
 // src/index.ts
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "label",
-            "label-sm",
-            "code",
-            "code-sm",
-            "mono-label",
-            "display-sm",
-            "display-md",
-            "display-lg",
-            "display-xl"
-          ]
-        }
-      ]
-    }
-  }
-});
+var twMerge = import_tailwind_merge.twMerge;
 function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
-var surfaceInteractive = "hover:bg-surface-2 active:bg-surface-3";
-var surfaceInteractiveGroup = "group-hover/wash:bg-surface-2 group-active/wash:bg-surface-3";
-var fillInteractive = {
-  foreground: "hover:bg-foreground/(--alpha-hover) active:bg-foreground/(--alpha-pressed)",
-  primary: "hover:bg-primary/(--alpha-hover) active:bg-primary/(--alpha-pressed)",
-  destructive: "hover:bg-destructive/(--alpha-hover) active:bg-destructive/(--alpha-pressed)",
-  success: "hover:bg-success/(--alpha-hover) active:bg-success/(--alpha-pressed)",
-  warning: "hover:bg-warning/(--alpha-hover) active:bg-warning/(--alpha-pressed)",
-  info: "hover:bg-info/(--alpha-hover) active:bg-info/(--alpha-pressed)",
-  brand: "hover:bg-brand/(--alpha-hover) active:bg-brand/(--alpha-pressed)"
-};
-var fieldControl = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "placeholder:text-muted-foreground-faint",
-  "not-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus:border-ring/(--alpha-tint-border)",
-  "not-focus:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "disabled:cursor-not-allowed disabled:bg-surface-1 disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
-var fieldControlGroup = [
-  "rounded-md border border-input bg-transparent dark:bg-input/(--alpha-input)",
-  "not-has-disabled:not-data-disabled:hover:border-foreground/(--alpha-border-subtle)",
-  "focus-within:border-ring/(--alpha-tint-border)",
-  "data-focused:border-ring/(--alpha-tint-border)",
-  // Both the SELF and the DESCENDANT form of the invalid tint (2026-09-09). `has-aria-invalid:` is
-  // a `:has()` over descendants, so a group that carries `aria-invalid` on ITSELF — which is where
-  // `<NumberField aria-invalid />` lands the attribute, on the `[data-field-group]` element —
-  // matched nothing and measured the neutral `--input` border. Inside a `Field` the state arrives
-  // as `data-invalid` on the group and was always correct; this is the standalone path.
-  "not-focus-within:aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:has-aria-invalid:border-destructive-border/(--alpha-tint-border)",
-  "not-focus-within:data-invalid:border-destructive-border/(--alpha-tint-border)",
-  "has-disabled:cursor-not-allowed has-disabled:bg-surface-1 has-disabled:opacity-(--opacity-dim)",
-  "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
-].join(" ");
-var selectedChipVariants = {
-  /**
-   * The muted track the chips sit in — the ladder's well rung with a drawn inset boundary. The
-   * pseudo-element keeps the 28 / 32px track boxes unchanged; a real root border would add 2px and
-   * silently break the shared control scale.
-   */
-  track: "relative bg-surface-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']",
-  /**
-   * Chrome shared by every chip: a transparent hairline reserved at rest (so selecting adds no
-   * layout shift) and the muted→ink text step.
-   */
-  item: "border border-transparent hover:text-foreground",
-  /** Selected keyed on Base UI's `data-pressed` — Toggle, ToggleGroup, Segmented. */
-  pressed: "not-data-pressed:hover:bg-foreground/(--alpha-hover) not-data-pressed:active:bg-foreground/(--alpha-pressed) data-pressed:border-border data-pressed:bg-foreground/(--alpha-ink-tint) data-pressed:text-foreground data-pressed:hover:bg-foreground/(--alpha-ink-tint-strong) data-pressed:active:bg-foreground/(--alpha-ink-tint)",
-  /** Selected keyed on Base UI's `data-active` — Tabs. */
-  active: "not-data-[active]:hover:bg-foreground/(--alpha-hover) not-data-[active]:active:bg-foreground/(--alpha-pressed) data-[active]:border-border data-[active]:bg-foreground/(--alpha-ink-tint) data-[active]:text-foreground data-[active]:hover:bg-foreground/(--alpha-ink-tint-strong) data-[active]:active:bg-foreground/(--alpha-ink-tint)"
-};
 var TIMINGS = {
   /** How long transient success feedback holds before reverting (CopyButton "Copied ✓"). */
   feedbackRevertMs: 1500,
@@ -209,13 +126,7 @@ function mergeRefs(...refs) {
   FLOATING,
   TIMINGS,
   cn,
-  fieldControl,
-  fieldControlGroup,
-  fillInteractive,
   mergeRefs,
   prose,
-  proseClassName,
-  selectedChipVariants,
-  surfaceInteractive,
-  surfaceInteractiveGroup
+  proseClassName
 });