@eduardoalvarez/arrecife 0.6.0 → 0.8.0

package/dist/chunk-HOADZ6GS.js

@@ -0,0 +1,72 @@
+import { gitHubGlyph, linkedInGlyph, xGlyph, instagramGlyph, discordGlyph, youTubeGlyph, rssGlyph, emailGlyph, newsletterGlyph, websiteGlyph, SOCIAL_STROKE_WIDTH, SOCIAL_VIEW_BOX } from './chunk-LXRGQKMG.js';
+import { __export } from './chunk-MLKGABMK.js';
+import { jsx } from 'react/jsx-runtime';
+
+// src/social/index.tsx
+var social_exports = {};
+__export(social_exports, {
+  Discord: () => Discord,
+  Email: () => Email,
+  GitHub: () => GitHub,
+  Instagram: () => Instagram,
+  LinkedIn: () => LinkedIn,
+  Newsletter: () => Newsletter,
+  Rss: () => Rss,
+  Website: () => Website,
+  X: () => X,
+  YouTube: () => YouTube
+});
+var SOLID = { fill: "currentColor", stroke: "none" };
+function drawShape(shape, index) {
+  if (shape.tag === "path") {
+    return /* @__PURE__ */ jsx("path", { d: shape.d, ...shape.solid ? SOLID : {} }, index);
+  }
+  if (shape.tag === "circle") {
+    return /* @__PURE__ */ jsx("circle", { cx: shape.cx, cy: shape.cy, r: shape.r, ...shape.solid ? SOLID : {} }, index);
+  }
+  return /* @__PURE__ */ jsx(
+    "rect",
+    {
+      x: shape.x,
+      y: shape.y,
+      width: shape.width,
+      height: shape.height,
+      rx: shape.rx
+    },
+    index
+  );
+}
+function Glyph({ glyph, ...props }) {
+  const brand = glyph.kind === "brand";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: SOCIAL_VIEW_BOX,
+      width: "1em",
+      height: "1em",
+      fill: brand ? "currentColor" : "none",
+      ...brand ? {} : {
+        stroke: "currentColor",
+        strokeWidth: SOCIAL_STROKE_WIDTH,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      },
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children: glyph.shapes.map(drawShape)
+    }
+  );
+}
+var GitHub = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: gitHubGlyph, ...props });
+var LinkedIn = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: linkedInGlyph, ...props });
+var X = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: xGlyph, ...props });
+var Instagram = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: instagramGlyph, ...props });
+var Discord = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: discordGlyph, ...props });
+var YouTube = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: youTubeGlyph, ...props });
+var Rss = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: rssGlyph, ...props });
+var Email = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: emailGlyph, ...props });
+var Newsletter = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: newsletterGlyph, ...props });
+var Website = (props) => /* @__PURE__ */ jsx(Glyph, { glyph: websiteGlyph, ...props });
+
+export { Discord, Email, GitHub, Instagram, LinkedIn, Newsletter, Rss, Website, X, YouTube, social_exports };

package/dist/chunk-LXRGQKMG.js

@@ -0,0 +1,145 @@
+// src/social/data.ts
+var SOCIAL_STROKE_WIDTH = 1.6;
+var SOCIAL_VIEW_BOX = "0 0 24 24";
+var gitHubGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M12 .5C5.73.5.5 5.73.5 12a11.5 11.5 0 0 0 7.86 10.91c.58.1.79-.25.79-.55 0-.27-.01-1.18-.02-2.14-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.12 3.05.74.8 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .3.2.66.79.55A11.5 11.5 0 0 0 23.5 12C23.5 5.73 18.27.5 12 .5Z"
+    }
+  ]
+};
+var linkedInGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm7 0h3.8v1.71h.05a4.17 4.17 0 0 1 3.75-2.06c4.01 0 4.75 2.64 4.75 6.07V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21h-3.97V9Z"
+    }
+  ]
+};
+var xGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M17.53 3h3.06l-6.69 7.64L21.75 21h-6.16l-4.83-6.3L5.25 21H2.19l7.15-8.17L2.5 3h6.32l4.36 5.77L17.53 3Zm-1.07 16.17h1.7L7.62 4.74H5.8l10.66 14.43Z"
+    }
+  ]
+};
+var instagramGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16Zm0 3.68a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Z"
+    }
+  ]
+};
+var discordGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M20.32 5.56A18.5 18.5 0 0 0 15.7 4.1a.07.07 0 0 0-.07.04c-.2.36-.42.82-.58 1.19a17 17 0 0 0-5.1 0c-.16-.38-.39-.83-.59-1.19a.07.07 0 0 0-.07-.04c-1.6.28-3.15.77-4.62 1.46a.06.06 0 0 0-.03.03C1.66 10 .9 14.28 1.28 18.5a.08.08 0 0 0 .03.05 18.6 18.6 0 0 0 5.6 2.84.07.07 0 0 0 .08-.03c.43-.59.81-1.21 1.14-1.86a.07.07 0 0 0-.04-.1c-.6-.23-1.18-.51-1.74-.83a.07.07 0 0 1-.01-.12l.35-.27a.07.07 0 0 1 .07-.01 13.3 13.3 0 0 0 11.3 0 .07.07 0 0 1 .08.01l.34.27c.04.04.04.1-.01.12-.55.33-1.13.6-1.74.83a.07.07 0 0 0-.04.1c.34.65.72 1.27 1.14 1.86a.07.07 0 0 0 .08.03 18.5 18.5 0 0 0 5.6-2.84.07.07 0 0 0 .04-.05c.45-4.88-.75-9.12-3.18-12.88a.06.06 0 0 0-.03-.03ZM8.4 15.93c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.9 2.25-2.02 2.25Zm7.22 0c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.89 2.25-2.02 2.25Z"
+    }
+  ]
+};
+var youTubeGlyph = {
+  kind: "brand",
+  shapes: [
+    {
+      tag: "path",
+      d: "M23.5 6.9a3 3 0 0 0-2.12-2.12C19.5 4.27 12 4.27 12 4.27s-7.5 0-9.38.51A3 3 0 0 0 .5 6.9 31.3 31.3 0 0 0 0 12a31.3 31.3 0 0 0 .5 5.1 3 3 0 0 0 2.12 2.12c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3 3 0 0 0 2.12-2.12A31.3 31.3 0 0 0 24 12a31.3 31.3 0 0 0-.5-5.1ZM9.6 15.6V8.4l6.24 3.6-6.24 3.6Z"
+    }
+  ]
+};
+var rssGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "path", d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" },
+    { tag: "circle", cx: 5, cy: 19, r: 1.6, solid: true }
+  ]
+};
+var emailGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "rect", x: 2.75, y: 4.75, width: 18.5, height: 14.5, rx: 2 },
+    { tag: "path", d: "m3.5 7.5 7.4 5.2a2 2 0 0 0 2.2 0l7.4-5.2" }
+  ]
+};
+var newsletterGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "path", d: "M18 8.5a6 6 0 1 0-12 0c0 5-2 6.5-2 6.5h16s-2-1.5-2-6.5" },
+    { tag: "path", d: "M13.7 19a2 2 0 0 1-3.4 0" }
+  ]
+};
+var websiteGlyph = {
+  kind: "functional",
+  shapes: [
+    { tag: "circle", cx: 12, cy: 12, r: 9.25 },
+    { tag: "path", d: "M2.75 12h18.5" },
+    { tag: "path", d: "M12 2.75a14 14 0 0 1 0 18.5a14 14 0 0 1 0-18.5" }
+  ]
+};
+var socialGlyphs = {
+  Discord: discordGlyph,
+  Email: emailGlyph,
+  GitHub: gitHubGlyph,
+  Instagram: instagramGlyph,
+  LinkedIn: linkedInGlyph,
+  Newsletter: newsletterGlyph,
+  Rss: rssGlyph,
+  Website: websiteGlyph,
+  X: xGlyph,
+  YouTube: youTubeGlyph
+};
+var socialNames = Object.keys(socialGlyphs);
+var escape = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+var attributes = (pairs) => Object.entries(pairs).map(([key, value]) => ` ${key}="${escape(String(value))}"`).join("");
+var shapeMarkup = (shape) => {
+  const solid = { fill: "currentColor", stroke: "none" };
+  if (shape.tag === "path") {
+    return `<path${attributes({ d: shape.d, ...shape.solid ? solid : {} })}/>`;
+  }
+  if (shape.tag === "circle") {
+    return `<circle${attributes({
+      cx: shape.cx,
+      cy: shape.cy,
+      r: shape.r,
+      ...shape.solid ? solid : {}
+    })}/>`;
+  }
+  return `<rect${attributes({
+    x: shape.x,
+    y: shape.y,
+    width: shape.width,
+    height: shape.height,
+    rx: shape.rx
+  })}/>`;
+};
+function socialSvg(name, extra = {}) {
+  const glyph = socialGlyphs[name];
+  const base = glyph.kind === "brand" ? { fill: "currentColor" } : {
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": SOCIAL_STROKE_WIDTH,
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  };
+  const open = attributes({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: SOCIAL_VIEW_BOX,
+    width: "1em",
+    height: "1em",
+    ...base,
+    "aria-hidden": "true",
+    focusable: "false",
+    ...extra
+  });
+  return `<svg${open}>${glyph.shapes.map(shapeMarkup).join("")}</svg>`;
+}
+
+export { SOCIAL_STROKE_WIDTH, SOCIAL_VIEW_BOX, discordGlyph, emailGlyph, gitHubGlyph, instagramGlyph, linkedInGlyph, newsletterGlyph, rssGlyph, socialGlyphs, socialNames, socialSvg, websiteGlyph, xGlyph, youTubeGlyph };

package/dist/{chunk-6O3KWB6P.js → chunk-MPZBF2TZ.js}

@@ -1,6 +1,6 @@
 import { fins, ASSETS_PATH, poses, faces } from './chunk-CKRSQPTX.js';
-import { cn } from './chunk-XKYHTOUJ.js';
-import { naming, tagline } from './chunk-O4TAH7YJ.js';
+import { cn } from './chunk-FAAGZG7A.js';
+import { naming, tagline } from './chunk-FGFNK72B.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function Isotype({

package/dist/{chunk-JMOOFZ3B.js → chunk-TRPBID2W.js}

@@ -1,5 +1,5 @@
 import { text } from './chunk-ODBFN44D.js';
-import { cn } from './chunk-XKYHTOUJ.js';
+import { cn } from './chunk-FAAGZG7A.js';
 import { Slot } from '@radix-ui/react-slot';
 import 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-25YNFCIF.js → chunk-XXDATT3A.js}

@@ -6,7 +6,7 @@ var button = cva(
     "inline-flex cursor-pointer items-center justify-center gap-step-xs whitespace-nowrap select-none",
     "rounded-control font-sans font-medium",
     "transition-standard",
-    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "focus-ring",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:shrink-0"
   ],
@@ -17,7 +17,10 @@ var button = cva(
           "bg-accent text-accent-on hover:bg-accent-hover",
           "light:bg-brand-hull light:text-accent-on light:hover:bg-text-secondary"
         ],
-        conversion: "bg-warm text-warm-on hover:bg-warm-hover",
+        // The one control whose focus ring is not biolume. It is the system's
+        // only sand fill, and a biolume ring three pixels off a sand button puts
+        // both of the brand's accents in the same glance. See `docs/decisions/0.7.md` § 37.
+        conversion: "bg-warm text-warm-on hover:bg-warm-hover focus-ring-warm",
         secondary: [
           "border-hairline-hover border bg-transparent text-text-primary",
           "hover:border-accent hover:text-accent"
@@ -135,7 +138,7 @@ var CARD = [
   "group block cursor-pointer",
   CARD_SURFACE,
   CARD_HOVER,
-  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+  "focus-ring"
 ];
 
 export { CARD, CARD_HOVER, CARD_SURFACE, alert, avatar, badge, button, category, metric };

package/dist/doctor.mjs

@@ -0,0 +1,248 @@
+#!/usr/bin/env node
+/**
+ * `npx arrecife doctor` — the two failures a consuming project cannot see.
+ *
+ * Both were found by hand, in the same migration, and both cost hours because
+ * neither produces an error. This is the check the backlog asked for.
+ *
+ * ONE · THE MISSING `@source`. Tailwind only generates the classes it can see,
+ * and it does not look inside `node_modules`. Without the directive every class
+ * the components emit is purged — `p-step-lg`, `rounded-card`, `border-hairline`
+ * — and they render with no padding, no radius and no border. There is no
+ * console error and no undefined class: the component mounts, simply undressed.
+ * It is in the README and it was still forgotten, because until a project uses a
+ * component and not just a token it does not need the line.
+ *
+ * AND THAT LAST CLAUSE IS THE CHECK, not a footnote to it. Importing the tokens
+ * is not the same thing as rendering a component, and the first version treated
+ * it as if it were: it asked `links` — which mounts no React at all, replicates
+ * the pieces it needs in Astro and guards the replicas with `check:replica` — for
+ * a directive that would have told Tailwind to generate every class in the
+ * library. Measured, that took its stylesheet from 16 KB to 52 KB, all of it for
+ * markup that does not exist in the project.
+ *
+ * So the directive is required only when the project imports something that
+ * BRINGS MARKUP: the root barrel, `./brand`, `./social`, `./icons`, `./form` or
+ * `./chart`. The portable subpaths do not — `./tokens` and `./theme` are values,
+ * `./variants` hands back class strings that the project then writes into its
+ * own files where Tailwind can see them, and `./social/data` is shapes. A
+ * project living entirely on those gets told the line is not needed, which is a
+ * different thing from not being told anything.
+ *
+ * TWO · THE TOKEN NAMESPACE COLLIDING WITH shadcn's. A project coming from
+ * shadcn has `@theme inline { --color-accent: var(--accent); }`, and shadcn's
+ * `--accent` is the hover SURFACE, `#17303E`, while this library's is the brand
+ * turquoise, `#35D6C0`. The result was **88 classes inside the library's own
+ * components** painting grey — 28 `text-accent`, 26 `outline-accent`, 15
+ * `bg-accent`, 12 `border-accent`. Buttons, focus rings and badges came out the
+ * colour of a surface, and it looked as though the migration had done nothing.
+ *
+ * Five names collide in total. Four are harmless because the two sides happen to
+ * agree on the value, which is why the check reports the value on each side
+ * instead of just the name: a collision that agrees is worth knowing about and
+ * is not worth failing over.
+ *
+ * WHY A COMMAND AND NOT A README PARAGRAPH. Both of these WERE a README
+ * paragraph. The whole reason this library exists is that a rule which is only
+ * written down drifts, and a rule that fails silently drifts fastest.
+ */
+import { readdir, readFile } from 'node:fs/promises';
+import { dirname, join, relative, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const PACKAGE = '@eduardoalvarez/arrecife';
+const here = dirname(fileURLToPath(import.meta.url));
+const cwd = process.cwd();
+
+const SKIP = new Set(['node_modules', '.git', '.next', 'dist', 'build', 'out', '.astro', 'coverage']);
+
+async function* walk(dir, matches) {
+  let items;
+  try {
+    items = await readdir(dir, { withFileTypes: true });
+  } catch {
+    return;
+  }
+  for (const item of items) {
+    if (item.name.startsWith('.') && item.name !== '.') continue;
+    const path = join(dir, item.name);
+    if (item.isDirectory()) {
+      if (SKIP.has(item.name)) continue;
+      yield* walk(path, matches);
+    } else if (matches(item.name)) {
+      yield path;
+    }
+  }
+}
+
+const css = (dir) => walk(dir, (name) => name.endsWith('.css'));
+
+/** Everything a bundler would look at for an import, plus the templates. */
+const CODE = /\.(?:[cm]?[jt]sx?|astro|vue|svelte|mdx?)$/;
+
+/**
+ * The subpaths that carry no markup of ours, so importing one needs no `@source`.
+ *
+ * `./variants` is the one worth spelling out: it DOES hand back Tailwind classes,
+ * and they still need no directive, because the project writes them into its own
+ * files — `class={buttonVariants({ variant: 'tertiary' })}` in an `.astro` — and
+ * that is a file Tailwind already scans. What `@source` buys is visibility into
+ * `node_modules`, and nothing of ours renders there in this case.
+ */
+const CLASS_FREE = new Set([
+  `${PACKAGE}/tokens`,
+  `${PACKAGE}/tokens/theme.css`,
+  `${PACKAGE}/theme`,
+  `${PACKAGE}/variants`,
+  `${PACKAGE}/social/data`,
+  `${PACKAGE}/og`,
+  `${PACKAGE}/shiki`,
+  `${PACKAGE}/llms.txt`,
+  `${PACKAGE}/package.json`,
+]);
+
+/** `from "x"`, `import "x"`, `require("x")` — the same net `check-package-exports` casts. */
+const SPECIFIERS = /(?:\bfrom\s*|\bimport\s*|\brequire\(\s*)['"]([^'"]+)['"]/g;
+
+/**
+ * The first import of ours that brings markup with it, or `null`.
+ *
+ * It returns the import and not a boolean so the message can name it. «Add an
+ * `@source`» is an instruction; «you import `Button` from the root, so add an
+ * `@source`» is an explanation, and the difference decides whether somebody
+ * pastes the line or understands when they need it.
+ */
+async function firstRendering() {
+  for await (const file of walk(cwd, (name) => CODE.test(name))) {
+    const source = await readFile(file, 'utf8');
+    for (const [, specifier] of source.matchAll(SPECIFIERS)) {
+      if (specifier !== PACKAGE && !specifier.startsWith(`${PACKAGE}/`)) continue;
+      if (CLASS_FREE.has(specifier)) continue;
+      if (specifier.startsWith(`${PACKAGE}/assets/`)) continue;
+      return { file: relative(cwd, file), specifier };
+    }
+  }
+  return null;
+}
+
+/** `--name: value;` pairs inside every `@theme` block of a stylesheet. */
+function themeProperties(source) {
+  const found = new Map();
+  // `@theme`, `@theme inline`, `@theme static` — the modifier does not matter
+  // for a name collision, only the name does.
+  const blocks = source.matchAll(/@theme[^{]*\{([\s\S]*?)\n\}/g);
+  for (const [, body] of blocks) {
+    for (const [, name, value] of body.matchAll(/(--[\w-]+)\s*:\s*([^;]+);/g)) {
+      found.set(name, value.trim());
+    }
+  }
+  return found;
+}
+
+/** Our own published properties, read from the package rather than hardcoded. */
+async function ours() {
+  for (const candidate of [
+    resolve(here, 'tokens/theme.css'), // published: dist/doctor.mjs beside dist/tokens/
+    resolve(here, '../dist/tokens/theme.css'), // in this repo, run from scripts/
+  ]) {
+    try {
+      return themeProperties(await readFile(candidate, 'utf8'));
+    } catch {
+      /* try the next one */
+    }
+  }
+  return new Map();
+}
+
+const problems = [];
+const notes = [];
+
+const theirs = await ours();
+if (theirs.size === 0) {
+  console.error(`arrecife · could not read ${PACKAGE}'s own theme.css. Run \`pnpm build\` first.`);
+  process.exit(1);
+}
+
+let entries = 0;
+
+/*
+  Worked out BEFORE the stylesheets are read, and once: the answer is a fact
+  about the project and not about the sheet, and the same sheet must not get two
+  different verdicts because of the order the walk happened to take.
+*/
+const rendering = await firstRendering();
+
+for await (const file of css(cwd)) {
+  const source = await readFile(file, 'utf8');
+  const shown = relative(cwd, file);
+
+  // The entry sheet is the one that imports Tailwind. A partial that only holds
+  // an `@theme` block is checked for collisions all the same.
+  const isEntry = /@import\s+["']tailwindcss["']/.test(source);
+  const importsTokens = source.includes(`${PACKAGE}/tokens/theme.css`);
+  const hasSource = /@source\s+["'][^"']*@eduardoalvarez\/arrecife/.test(source);
+
+  if (isEntry) entries += 1;
+
+  if (isEntry && importsTokens && !hasSource) {
+    if (rendering) {
+      // The path is relative to the SHEET, not to the project root, which is the
+      // part that gets written wrong: a sheet in `src/styles/` goes up three.
+      const target = relative(dirname(file), join(cwd, 'node_modules', PACKAGE, 'dist'));
+      problems.push(
+        `${shown}\n` +
+          `    imports ${PACKAGE}/tokens/theme.css and has no @source.\n` +
+          `    ${rendering.file} imports ${rendering.specifier}, which renders our markup,\n` +
+          `    so every class those components emit is being purged — silently. Add:\n\n` +
+          `      @source "${target.split('\\\\').join('/')}";\n`,
+      );
+    } else {
+      notes.push(
+        `${shown} imports the tokens and has no @source, and does not need one: ` +
+          `nothing in this project imports a subpath that renders our markup. ` +
+          `Adding it would make Tailwind generate the whole library for markup that is not here.`,
+      );
+    }
+  }
+
+  for (const [name, value] of themeProperties(source)) {
+    const mine = theirs.get(name);
+    if (mine === undefined) continue;
+
+    // A value that points at another property cannot be compared here, and it is
+    // exactly the shape the shadcn collision takes.
+    const indirect = value.includes('var(');
+    const same = !indirect && value.toLowerCase() === mine.toLowerCase();
+
+    if (same) {
+      notes.push(`${shown} redefines ${name}, with the same value (${value}). Harmless.`);
+      continue;
+    }
+
+    problems.push(
+      `${shown}\n` +
+        `    redefines ${name}, which ${PACKAGE} owns.\n` +
+        `      yours:    ${value}${indirect ? '   ← points at another property, so it wins silently' : ''}\n` +
+        `      arrecife: ${mine}\n` +
+        `    Every class in the library that uses it takes YOUR value, including the\n` +
+        `    ones inside the library's own components.\n`,
+    );
+  }
+}
+
+if (entries === 0) {
+  console.log('arrecife · no stylesheet importing tailwindcss was found. Nothing to check.');
+  process.exit(0);
+}
+
+for (const note of notes) console.log(`arrecife · note · ${note}`);
+
+if (problems.length > 0) {
+  console.error(`\narrecife · ${problems.length} thing(s) that fail without saying so:\n`);
+  for (const problem of problems) console.error(`  ${problem}`);
+  process.exit(1);
+}
+
+console.log(
+  `arrecife · ${entries} stylesheet(s) checked · no class is being purged and no token is redefined`,
+);

package/dist/form/index.cjs

@@ -67,7 +67,7 @@ var typeScale = {
    * (plankton 5.57:1 over abyss), which is the part that is not negotiable.
    *
    * At 13 the three badge families grew past the size of a small button and
-   * outweighed the title they accompany. See `docs/decisions.md`.
+   * outweighed the title they accompany. See `docs/decisions/`.
    */
   chip: { family: "mono", size: 11.5, lineHeight: 1.4, weight: 400 },
   /**
@@ -113,7 +113,7 @@ var control = {
    * baseline; 28 would have been a fifth height that matches nothing.
    *
    * It does not replace `icon`. A page's primary action stays at 42; this is for
-   * a row of a table. See `docs/decisions.md` § 22.
+   * a row of a table. See `docs/decisions/0.6.md` § 22.
    */
   iconSm: 32
 };

package/dist/form/index.d.cts

@@ -3,7 +3,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import { Slot } from '@radix-ui/react-slot';
-import { L as Label } from '../label-MgHFKnFy.cjs';
+import { L as Label } from '../label-DJ4HuD-R.cjs';
 import '@radix-ui/react-label';
 
 /**

package/dist/form/index.d.ts

@@ -3,7 +3,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import { Slot } from '@radix-ui/react-slot';
-import { L as Label } from '../label-MgHFKnFy.js';
+import { L as Label } from '../label-DJ4HuD-R.js';
 import '@radix-ui/react-label';
 
 /**

package/dist/form/index.js

@@ -1,9 +1,9 @@
 'use client';
-import { Label } from '../chunk-DKCN7BAL.js';
-import { Text } from '../chunk-JMOOFZ3B.js';
+import { Label } from '../chunk-6IGD5REB.js';
+import { Text } from '../chunk-TRPBID2W.js';
 import '../chunk-ODBFN44D.js';
-import { cn } from '../chunk-XKYHTOUJ.js';
-import '../chunk-O4TAH7YJ.js';
+import { cn } from '../chunk-FAAGZG7A.js';
+import '../chunk-FGFNK72B.js';
 import '../chunk-MLKGABMK.js';
 import { createContext, useContext, useId } from 'react';
 import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';