velloo 0.5.0 → 0.6.0

package/pkgs/schema/src/typeset.ts

@@ -287,24 +287,31 @@ export function typesetUtilityClasses(): string[] {
 }
 
 /**
- * The scale as a Tailwind v3 `theme.extend.fontSize` map. Each entry carries its
- * paired leading and tracking, and every value is a `var()` into the typeset
- * sheet — so a v3 app re-derives inside a `.typeset-<preset>` region exactly
- * like a v4 one.
+ * The scale as Tailwind v3 `theme.extend` maps. `fontSize` carries each role's
+ * paired leading and tracking (so `text-h1` alone sets all three), and
+ * `lineHeight` / `letterSpacing` make the standalone `leading-<role>` /
+ * `tracking-<role>` utilities exist — v3 derives no utility from a fontSize
+ * tuple's extras, and `TYPESET_CLASSES` spells all three. Every value is a
+ * `var()` into the typeset sheet, so a v3 app re-derives inside a
+ * `.typeset-<preset>` region exactly like a v4 one.
  */
-export function typesetV3FontSize(): Record<
-  string,
-  [string, { lineHeight: string; letterSpacing: string }]
-> {
-  return Object.fromEntries(
-    TYPESET_SCALE_NAMES.map((role) => [
-      role,
-      [
-        `var(--text-${role})`,
-        { lineHeight: `var(--leading-${role})`, letterSpacing: `var(--tracking-${role})` },
-      ],
-    ]),
-  );
+export function typesetV3Theme(): {
+  fontSize: Record<string, [string, { lineHeight: string; letterSpacing: string }]>;
+  lineHeight: Record<string, string>;
+  letterSpacing: Record<string, string>;
+} {
+  const fontSize: Record<string, [string, { lineHeight: string; letterSpacing: string }]> = {};
+  const lineHeight: Record<string, string> = {};
+  const letterSpacing: Record<string, string> = {};
+  for (const role of TYPESET_SCALE_NAMES) {
+    fontSize[role] = [
+      `var(--text-${role})`,
+      { lineHeight: `var(--leading-${role})`, letterSpacing: `var(--tracking-${role})` },
+    ];
+    lineHeight[role] = `var(--leading-${role})`;
+    letterSpacing[role] = `var(--tracking-${role})`;
+  }
+  return { fontSize, lineHeight, letterSpacing };
 }
 
 /**

package/pkgs/shadcn-snapshot/dist/manifest.json

@@ -460,6 +460,7 @@
     "group": "layout",
     "family": "Box",
     "source": "velloo",
+    "plainElement": true,
     "props": [
       {
         "name": "as",

package/pkgs/shadcn-snapshot/src/components/ui/alert.tsx

@@ -1,11 +1,9 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/alert).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 const alertVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/aspect-ratio.tsx

@@ -1,7 +1,6 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/aspect-ratio).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui";

package/pkgs/shadcn-snapshot/src/components/ui/attachment.tsx

@@ -1,13 +1,12 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/attachment).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Button } from "./button.tsx";
 
 const attachmentVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/avatar.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/avatar).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { Avatar as AvatarPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Avatar({

package/pkgs/shadcn-snapshot/src/components/ui/badge.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/badge).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 const badgeVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/breadcrumb.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/breadcrumb).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {

package/pkgs/shadcn-snapshot/src/components/ui/bubble.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/bubble).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function BubbleGroup({ className, ...props }: React.ComponentProps<"div">) {

package/pkgs/shadcn-snapshot/src/components/ui/button-group.tsx

@@ -1,11 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/button-group).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Separator } from "./separator.tsx";
 
 const buttonGroupVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/button.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/button).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 const buttonVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/card.tsx

@@ -1,9 +1,7 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/card).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Card({

package/pkgs/shadcn-snapshot/src/components/ui/carousel.tsx

@@ -1,14 +1,13 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/carousel).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Button } from "./button.tsx";
 
 type CarouselApi = UseEmblaCarouselType[1];

package/pkgs/shadcn-snapshot/src/components/ui/chart.tsx

@@ -1,4 +1,4 @@
-// Velloo-flavored Chart. shadcn's `chart` is a recharts wrapper that needs a
+// Canvas-safe: Velloo-flavored Chart. shadcn's `chart` is a recharts wrapper that needs a
 // measured DOM (ResponsiveContainer), so it renders nothing under the
 // renderer's static SSR. We render a realistic preview server-side via
 // echarts' headless SSR-to-SVG mode (see chart-option.ts) — bar/line/area/

package/pkgs/shadcn-snapshot/src/components/ui/direction.tsx

@@ -1,7 +1,6 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/direction).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { Direction } from "radix-ui";

package/pkgs/shadcn-snapshot/src/components/ui/empty.tsx

@@ -1,9 +1,7 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/empty).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import { cva, type VariantProps } from "class-variance-authority";
-
 import { cn } from "../../lib/utils.ts";
 
 function Empty({ className, ...props }: React.ComponentProps<"div">) {

package/pkgs/shadcn-snapshot/src/components/ui/field.tsx

@@ -1,13 +1,12 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/field).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { useMemo } from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Label } from "./label.tsx";
 import { Separator } from "./separator.tsx";
 

package/pkgs/shadcn-snapshot/src/components/ui/input-group.tsx

@@ -1,13 +1,12 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/input-group).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { cva, type VariantProps } from "class-variance-authority";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Button } from "./button.tsx";
 import { Input } from "./input.tsx";
 import { Textarea } from "./textarea.tsx";

package/pkgs/shadcn-snapshot/src/components/ui/item.tsx

@@ -1,13 +1,12 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/item).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Separator } from "./separator.tsx";
 
 function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {

package/pkgs/shadcn-snapshot/src/components/ui/kbd.tsx

@@ -1,7 +1,6 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/kbd).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import { cn } from "../../lib/utils.ts";
 
 function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {

package/pkgs/shadcn-snapshot/src/components/ui/label.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/label).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { Label as LabelPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {

package/pkgs/shadcn-snapshot/src/components/ui/marker.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/marker).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 const markerVariants = cva(

package/pkgs/shadcn-snapshot/src/components/ui/message.tsx

@@ -1,9 +1,7 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/message).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function MessageGroup({ className, ...props }: React.ComponentProps<"div">) {

package/pkgs/shadcn-snapshot/src/components/ui/native-select.tsx

@@ -1,11 +1,9 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/native-select).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { ChevronDownIcon } from "lucide-react";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {

package/pkgs/shadcn-snapshot/src/components/ui/navigation-menu.tsx

@@ -1,13 +1,11 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/navigation-menu).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { cva } from "class-variance-authority";
 import { ChevronDownIcon } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function NavigationMenu({

package/pkgs/shadcn-snapshot/src/components/ui/pagination.tsx

@@ -1,12 +1,11 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/pagination).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
+
 import { Button } from "./button.tsx";
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {

package/pkgs/shadcn-snapshot/src/components/ui/progress.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/progress).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { Progress as ProgressPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Progress({

package/pkgs/shadcn-snapshot/src/components/ui/radio-group.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/radio-group).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function RadioGroup({

package/pkgs/shadcn-snapshot/src/components/ui/scroll-area.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/scroll-area).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function ScrollArea({

package/pkgs/shadcn-snapshot/src/components/ui/separator.tsx

@@ -1,12 +1,10 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/separator).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { Separator as SeparatorPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Separator({

package/pkgs/shadcn-snapshot/src/components/ui/skeleton.tsx

@@ -1,7 +1,6 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/skeleton).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 import { cn } from "../../lib/utils.ts";
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {

package/pkgs/shadcn-snapshot/src/components/ui/spinner.tsx

@@ -1,7 +1,6 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/spinner).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 
 import { Loader2Icon } from "lucide-react";
 import { cn } from "../../lib/utils.ts";

package/pkgs/shadcn-snapshot/src/components/ui/table.tsx

@@ -1,11 +1,9 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/table).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {

package/pkgs/shadcn-snapshot/src/components/ui/tabs.tsx

@@ -1,13 +1,11 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/tabs).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 function Tabs({

package/pkgs/shadcn-snapshot/src/components/ui/toggle.tsx

@@ -1,13 +1,11 @@
 // Vendored from shadcn-ui (https://ui.shadcn.com/docs/components/radix/toggle).
-// Snapshot version: see packages/shadcn-snapshot/package.json#snapshotVersion.
-// Regenerate with `bun run vendor` — do not hand-edit unless you are adding a
-// canvas adaptation, in which case add the id to vendor.ts's ADAPTED set.
+// Design-mode fork for the Velloo canvas — not the shadcn the IDE chrome renders.
+// Regenerate with `bun run vendor` — the pipeline is scripts/vendor-shadcn/.
 "use client";
 
 import { cva, type VariantProps } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import type * as React from "react";
-
 import { cn } from "../../lib/utils.ts";
 
 const toggleVariants = cva(

package/pkgs/shadcn-snapshot/src/shadcn-tailwind.css

@@ -1,4 +1,4 @@
-/* Vendored from shadcn@4.20.1 (dist/tailwind.css) — imported by
+/* Vendored from shadcn@4.21.0 (dist/tailwind.css) — imported by
  * tailwind-entry.css. Regenerate with `bun run vendor`; do not hand-edit.
  */
 @theme inline {

package/pkgs/shadcn-snapshot/src/tailwind-entry.css

@@ -83,7 +83,7 @@
  * Classes upstream *emits* but does not *distribute*: they live in the
  * shadcn.com app's own globals.css, so a registry pull references them without
  * ever defining them (the same leak that puts `IconPlaceholder` in the source
- * — see vendor.ts). Defined here to upstream's intent so the components that
+ * — see scripts/vendor-shadcn/). Defined here to upstream's intent so the components that
  * reference them aren't silently inert.
  */
 @utility cn-rtl-flip {