@eduardoalvarez/arrecife 0.7.0 → 0.9.0

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-JN3IS5OS.js → chunk-MPZBF2TZ.js}

@@ -1,6 +1,6 @@
-import { cn } from './chunk-2WPWEIMD.js';
 import { fins, ASSETS_PATH, poses, faces } from './chunk-CKRSQPTX.js';
-import { naming, tagline } from './chunk-OMKSESQB.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-WGNIRIN7.js → chunk-TRPBID2W.js}

@@ -1,5 +1,5 @@
 import { text } from './chunk-ODBFN44D.js';
-import { cn } from './chunk-2WPWEIMD.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-E6KFUSKB.js → chunk-XXDATT3A.js}

@@ -19,7 +19,7 @@ var button = cva(
         ],
         // 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 `decisions.md` § 37.
+        // 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",

package/dist/doctor.mjs

@@ -13,6 +13,22 @@
  * 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
@@ -40,7 +56,7 @@ const cwd = process.cwd();
 
 const SKIP = new Set(['node_modules', '.git', '.next', 'dist', 'build', 'out', '.astro', 'coverage']);
 
-async function* css(dir) {
+async function* walk(dir, matches) {
   let items;
   try {
     items = await readdir(dir, { withFileTypes: true });
@@ -52,13 +68,63 @@ async function* css(dir) {
     const path = join(dir, item.name);
     if (item.isDirectory()) {
       if (SKIP.has(item.name)) continue;
-      yield* css(path);
-    } else if (item.name.endsWith('.css')) {
+      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();
@@ -99,6 +165,13 @@ if (theirs.size === 0) {
 
 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);
@@ -112,15 +185,24 @@ for await (const file of css(cwd)) {
   if (isEntry) entries += 1;
 
   if (isEntry && importsTokens && !hasSource) {
-    // 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` +
-        `    Every class the components emit is being purged — silently. Add:\n\n` +
-        `      @source "${target.split('\\\\').join('/')}";\n`,
-    );
+    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)) {
@@ -162,5 +244,5 @@ if (problems.length > 0) {
 }
 
 console.log(
-  `arrecife · ${entries} stylesheet(s) checked · @source is in place and no token is redefined`,
+  `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-727HCBD4.js';
-import { Text } from '../chunk-WGNIRIN7.js';
+import { Label } from '../chunk-6IGD5REB.js';
+import { Text } from '../chunk-TRPBID2W.js';
 import '../chunk-ODBFN44D.js';
-import { cn } from '../chunk-2WPWEIMD.js';
-import '../chunk-OMKSESQB.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';

package/dist/icons/index.cjs

@@ -41,7 +41,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 },
   /**
@@ -87,7 +87,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/icons/index.d.cts

@@ -37,12 +37,12 @@ import { IconWeight, IconProps as IconProps$1, Icon as Icon$1 } from '@phosphor-
  * THE WEIGHT IS AN AXIS, AND IT IS THE ONLY ONE AN ICON HAS. There are three
  * roles and `tone` is how you name them; the weights themselves are not a prop,
  * because Phosphor's other three — `thin`, `bold`, `duotone` — say nothing this
- * system means. See `TONE_WEIGHT` below and `docs/decisions.md` § 35.
+ * system means. See `TONE_WEIGHT` below and `docs/decisions/0.7.md` § 35.
  *
  * `lib/glyphs.tsx` is the outlier and it is NOT reconciled here: it draws at
  * 1.75 on a 16 grid, which is 0.109em — three quarters heavier than both the
  * document and this. Aligning it restyles every primitive in the library and is
- * its own change. See `docs/decisions.md` § 29.
+ * its own change. See `docs/decisions/0.7.md` § 29.
  *
  * IN NEXT, IMPORT FROM `@phosphor-icons/react/ssr` inside a Server Component.
  * Phosphor's default build reads `IconContext` through `useContext`, and a hook

package/dist/icons/index.d.ts

@@ -37,12 +37,12 @@ import { IconWeight, IconProps as IconProps$1, Icon as Icon$1 } from '@phosphor-
  * THE WEIGHT IS AN AXIS, AND IT IS THE ONLY ONE AN ICON HAS. There are three
  * roles and `tone` is how you name them; the weights themselves are not a prop,
  * because Phosphor's other three — `thin`, `bold`, `duotone` — say nothing this
- * system means. See `TONE_WEIGHT` below and `docs/decisions.md` § 35.
+ * system means. See `TONE_WEIGHT` below and `docs/decisions/0.7.md` § 35.
  *
  * `lib/glyphs.tsx` is the outlier and it is NOT reconciled here: it draws at
  * 1.75 on a 16 grid, which is 0.109em — three quarters heavier than both the
  * document and this. Aligning it restyles every primitive in the library and is
- * its own change. See `docs/decisions.md` § 29.
+ * its own change. See `docs/decisions/0.7.md` § 29.
  *
  * IN NEXT, IMPORT FROM `@phosphor-icons/react/ssr` inside a Server Component.
  * Phosphor's default build reads `IconContext` through `useContext`, and a hook

package/dist/icons/index.js

@@ -1,5 +1,5 @@
-import { cn } from '../chunk-2WPWEIMD.js';
-import '../chunk-OMKSESQB.js';
+import { cn } from '../chunk-FAAGZG7A.js';
+import '../chunk-FGFNK72B.js';
 import '../chunk-MLKGABMK.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{index-DlAO2JZs.d.cts → index-BbRplw_B.d.cts}

@@ -6,8 +6,8 @@ import { SVGProps } from 'react';
  * reason: the grouped form exists so a project can ITERATE the catalogue, and
  * typing `Record<string, ComponentType<…>>` needs a name for the element.
  *
- * There is no `GitHubProps`: nine identical signatures under nine names inform
- * nobody, and the generator would print the same row nine times.
+ * There is no `GitHubProps`: ten identical signatures under ten names inform
+ * nobody, and the generator would print the same row ten times.
  */
 type SocialIconProps = SVGProps<SVGSVGElement>;
 declare const GitHub: (props: SocialIconProps) => react.JSX.Element;
@@ -29,6 +29,16 @@ declare const Email: (props: SocialIconProps) => react.JSX.Element;
  * clash while it waited.
  */
 declare const Newsletter: (props: SocialIconProps) => react.JSX.Element;
+/**
+ * «My other site»: the personal domain in a footer full of social networks.
+ *
+ * The tenth, and it got in by the same test as `Newsletter` rather than by being
+ * useful: it is a way to reach the author, it is not a network, and every one of
+ * the five projects has more than one domain. What it replaces is Phosphor's
+ * `Globe` in the footer of `cursos` — a correct globe drawn with another set's
+ * pen, in a row where the other six come from here.
+ */
+declare const Website: (props: SocialIconProps) => react.JSX.Element;
 
 declare const index_Discord: typeof Discord;
 declare const index_Email: typeof Email;
@@ -38,10 +48,11 @@ declare const index_LinkedIn: typeof LinkedIn;
 declare const index_Newsletter: typeof Newsletter;
 declare const index_Rss: typeof Rss;
 type index_SocialIconProps = SocialIconProps;
+declare const index_Website: typeof Website;
 declare const index_X: typeof X;
 declare const index_YouTube: typeof YouTube;
 declare namespace index {
-  export { index_Discord as Discord, index_Email as Email, index_GitHub as GitHub, index_Instagram as Instagram, index_LinkedIn as LinkedIn, index_Newsletter as Newsletter, index_Rss as Rss, type index_SocialIconProps as SocialIconProps, index_X as X, index_YouTube as YouTube };
+  export { index_Discord as Discord, index_Email as Email, index_GitHub as GitHub, index_Instagram as Instagram, index_LinkedIn as LinkedIn, index_Newsletter as Newsletter, index_Rss as Rss, type index_SocialIconProps as SocialIconProps, index_Website as Website, index_X as X, index_YouTube as YouTube };
 }
 
-export { Discord as D, Email as E, GitHub as G, Instagram as I, LinkedIn as L, Newsletter as N, Rss as R, type SocialIconProps as S, X, YouTube as Y, index as i };
+export { Discord as D, Email as E, GitHub as G, Instagram as I, LinkedIn as L, Newsletter as N, Rss as R, type SocialIconProps as S, Website as W, X, YouTube as Y, index as i };

package/dist/{index-DlAO2JZs.d.ts → index-BbRplw_B.d.ts}

@@ -6,8 +6,8 @@ import { SVGProps } from 'react';
  * reason: the grouped form exists so a project can ITERATE the catalogue, and
  * typing `Record<string, ComponentType<…>>` needs a name for the element.
  *
- * There is no `GitHubProps`: nine identical signatures under nine names inform
- * nobody, and the generator would print the same row nine times.
+ * There is no `GitHubProps`: ten identical signatures under ten names inform
+ * nobody, and the generator would print the same row ten times.
  */
 type SocialIconProps = SVGProps<SVGSVGElement>;
 declare const GitHub: (props: SocialIconProps) => react.JSX.Element;
@@ -29,6 +29,16 @@ declare const Email: (props: SocialIconProps) => react.JSX.Element;
  * clash while it waited.
  */
 declare const Newsletter: (props: SocialIconProps) => react.JSX.Element;
+/**
+ * «My other site»: the personal domain in a footer full of social networks.
+ *
+ * The tenth, and it got in by the same test as `Newsletter` rather than by being
+ * useful: it is a way to reach the author, it is not a network, and every one of
+ * the five projects has more than one domain. What it replaces is Phosphor's
+ * `Globe` in the footer of `cursos` — a correct globe drawn with another set's
+ * pen, in a row where the other six come from here.
+ */
+declare const Website: (props: SocialIconProps) => react.JSX.Element;
 
 declare const index_Discord: typeof Discord;
 declare const index_Email: typeof Email;
@@ -38,10 +48,11 @@ declare const index_LinkedIn: typeof LinkedIn;
 declare const index_Newsletter: typeof Newsletter;
 declare const index_Rss: typeof Rss;
 type index_SocialIconProps = SocialIconProps;
+declare const index_Website: typeof Website;
 declare const index_X: typeof X;
 declare const index_YouTube: typeof YouTube;
 declare namespace index {
-  export { index_Discord as Discord, index_Email as Email, index_GitHub as GitHub, index_Instagram as Instagram, index_LinkedIn as LinkedIn, index_Newsletter as Newsletter, index_Rss as Rss, type index_SocialIconProps as SocialIconProps, index_X as X, index_YouTube as YouTube };
+  export { index_Discord as Discord, index_Email as Email, index_GitHub as GitHub, index_Instagram as Instagram, index_LinkedIn as LinkedIn, index_Newsletter as Newsletter, index_Rss as Rss, type index_SocialIconProps as SocialIconProps, index_Website as Website, index_X as X, index_YouTube as YouTube };
 }
 
-export { Discord as D, Email as E, GitHub as G, Instagram as I, LinkedIn as L, Newsletter as N, Rss as R, type SocialIconProps as S, X, YouTube as Y, index as i };
+export { Discord as D, Email as E, GitHub as G, Instagram as I, LinkedIn as L, Newsletter as N, Rss as R, type SocialIconProps as S, Website as W, X, YouTube as Y, index as i };