@hraness/design-kit 0.31.1

package/dist/syntax-highlighting.js

@@ -0,0 +1,15 @@
+import {
+  highlightCode,
+  inferSyntaxLanguage,
+  maximumSyntaxCharacters,
+  resolveSyntaxLanguage,
+  syntaxLanguages
+} from "./chunk-he8eznb1.js";
+import"./chunk-5gtx3pza.js";
+export {
+  syntaxLanguages,
+  resolveSyntaxLanguage,
+  maximumSyntaxCharacters,
+  inferSyntaxLanguage,
+  highlightCode
+};

package/dist/testing.js

@@ -0,0 +1,250 @@
+import {
+  articleAdmissionScore,
+  assertArticleAdmissions,
+  isArticleIndexable
+} from "./chunk-77391vmq.js";
+import {
+  LAUNCH_INTERNAL_WORDS,
+  launchCopyProblems
+} from "./chunk-cejpzyfh.js";
+import"./chunk-5gtx3pza.js";
+
+// src/testing.ts
+class ConformanceError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ConformanceError";
+  }
+}
+function fail(message) {
+  throw new ConformanceError(message);
+}
+function htmlText(html) {
+  return html.replace(/<(script|style)\b[\s\S]*?<\/\1>/giu, " ").replace(/<[^>]+>/gu, " ").replace(/&#x27;|&#39;|&apos;/gu, "'").replace(/&quot;/gu, '"').replace(/&lt;/gu, "<").replace(/&gt;/gu, ">").replace(/&nbsp;/gu, " ").replace(/&amp;/gu, "&").replace(/\s+/gu, " ").trim();
+}
+function stripMockupSamples(html, attributes = []) {
+  let result = html.replace(/<span\b[^>]*\sclass="[^"]*\bhkm-sample\b[^"]*"[^>]*>[^<]*<\/span>/gu, " ");
+  for (const attribute of attributes) {
+    const escaped = attribute.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+    result = result.replace(new RegExp(`<(span|p|div)\\b[^>]*\\s${escaped}(=("[^"]*"|'[^']*'))?[^>]*>[^<]*</\\1>`, "gu"), " ");
+  }
+  return result;
+}
+var BLOG_CONFORMANCE_LIMITS = Object.freeze({
+  heading: 70,
+  descriptionMin: 70,
+  descriptionMax: 160,
+  dek: 200
+});
+function admissionFor(admissions, post, siteUrl) {
+  const found = admissions.find((admission) => admission.href === post.path || admission.href === `${siteUrl}${post.path}`);
+  return found ?? fail(`No admission record for ${post.path}.`);
+}
+function blogConformance(config) {
+  const limits = config.limits ?? BLOG_CONFORMANCE_LIMITS;
+  const sampleAttributes = config.sampleAttributes ?? [];
+  const indexable = (post) => isArticleIndexable(admissionFor(config.admissions, post, config.siteUrl));
+  const checks = [{
+    name: "every post has one admission record that passes the validator",
+    run: () => {
+      assertArticleAdmissions(config.admissions);
+      const paths = config.posts.map((post) => post.path);
+      if (new Set(paths).size !== paths.length)
+        fail("Two posts share a path.");
+      if (config.admissions.length !== config.posts.length)
+        fail(`${config.admissions.length} admission records for ${config.posts.length} posts.`);
+      for (const post of config.posts)
+        admissionFor(config.admissions, post, config.siteUrl);
+    }
+  }, {
+    name: "an indexable post has a real assessment, sources, and a review",
+    run: () => {
+      for (const post of config.posts.filter(indexable)) {
+        const admission = admissionFor(config.admissions, post, config.siteUrl);
+        if (articleAdmissionScore(admission.scores) < 9)
+          fail(`${post.path} scores below 9.`);
+        if (Object.values(admission.scores).includes(0))
+          fail(`${post.path} has a zero score.`);
+        if (admission.review === null)
+          fail(`${post.path} is indexable without a review.`);
+        if (admission.sources.length === 0)
+          fail(`${post.path} is indexable without sources.`);
+        if (admission.observations.length < 2)
+          fail(`${post.path} needs two observations.`);
+      }
+    }
+  }, {
+    name: "headings, descriptions, and deks are unique and within limits",
+    run: () => {
+      for (const key of ["heading", "description", "dek"]) {
+        const values = config.posts.map((post) => post[key]);
+        if (new Set(values).size !== values.length)
+          fail(`Two posts share a ${key}.`);
+      }
+      for (const post of config.posts) {
+        if (post.heading.length > limits.heading)
+          fail(`${post.path} heading is longer than ${limits.heading}.`);
+        if (/\.$/u.test(post.heading))
+          fail(`${post.path} heading ends with a period.`);
+        if (post.description.length < limits.descriptionMin || post.description.length > limits.descriptionMax) {
+          fail(`${post.path} description is outside ${limits.descriptionMin} to ${limits.descriptionMax} characters.`);
+        }
+        if (post.dek.length > limits.dek)
+          fail(`${post.path} dek is longer than ${limits.dek}.`);
+      }
+    }
+  }, {
+    name: "every post renders with one h1, the article root, and JSON-LD",
+    run: async () => {
+      for (const post of config.posts) {
+        const html = await config.renderPost(post);
+        const h1 = html.match(/<h1\b/gu)?.length ?? 0;
+        if (h1 !== 1)
+          fail(`${post.path} renders ${h1} h1 elements.`);
+        if (!html.includes("data-hraness-article"))
+          fail(`${post.path} is missing the article root.`);
+        if (!html.includes("application/ld+json"))
+          fail(`${post.path} is missing JSON-LD.`);
+        for (const match of html.matchAll(/href="#([^"]+)"/gu)) {
+          if (!html.includes(`id="${match[1] ?? ""}"`))
+            fail(`${post.path} links to #${match[1] ?? ""}, which does not exist.`);
+        }
+      }
+    }
+  }, {
+    name: "public copy follows the article style rules",
+    run: async () => {
+      for (const post of config.posts) {
+        const html = await config.renderPost(post);
+        const fields = [post.heading, post.dek, post.description, post.imageAlt ?? ""].join(" ");
+        const prose = `${fields} ${htmlText(stripMockupSamples(html, sampleAttributes))}`;
+        const problems = launchCopyProblems(prose, post.path).filter((problem) => !problem.includes("internal word") && !problem.includes("ends with a question mark") && !problem.includes("thread marker"));
+        if (problems.length > 0)
+          fail(problems.join(`
+`));
+        const internal = new RegExp(`\\b(${LAUNCH_INTERNAL_WORDS.join("|")})s?\\b`, "iu").exec(fields);
+        if (internal !== null)
+          fail(`${post.path} uses the internal word "${internal[0]}" in its heading, dek, or description.`);
+      }
+    }
+  }];
+  if (config.robots !== undefined) {
+    const robots = config.robots;
+    checks.push({
+      name: "only indexable posts ask to be indexed",
+      run: async () => {
+        for (const post of config.posts) {
+          const value = await robots(post);
+          if (value.index !== indexable(post))
+            fail(`${post.path} robots index=${String(value.index)} disagrees with its lifecycle.`);
+          if (!value.follow)
+            fail(`${post.path} asks crawlers not to follow links.`);
+        }
+      }
+    });
+  }
+  if (config.renderIndex !== undefined || config.sitemapUrls !== undefined || config.feedXml !== undefined) {
+    checks.push({
+      name: "the index, sitemap, and feed list exactly the indexable posts",
+      run: async () => {
+        const index = config.renderIndex === undefined ? null : await config.renderIndex();
+        const urls = config.sitemapUrls === undefined ? null : new Set(await config.sitemapUrls());
+        const feed = config.feedXml === undefined ? null : await config.feedXml();
+        for (const post of config.posts) {
+          const shown = indexable(post);
+          const absolute = `${config.siteUrl}${post.path}`;
+          if (index !== null && index.includes(`href="${post.path}"`) !== shown)
+            fail(`The index ${shown ? "omits" : "lists"} ${post.path}.`);
+          if (urls !== null && urls.has(absolute) !== shown)
+            fail(`The sitemap ${shown ? "omits" : "lists"} ${post.path}.`);
+          if (feed !== null && feed.includes(absolute) !== shown)
+            fail(`The feed ${shown ? "omits" : "lists"} ${post.path}.`);
+        }
+        if (feed !== null && /&(?!amp;|lt;|gt;|quot;|apos;|#\d+;|#x[0-9a-f]+;)/iu.test(feed))
+          fail("The feed has an unescaped ampersand.");
+      }
+    });
+  }
+  if (config.listedDates !== undefined) {
+    const listedDates = config.listedDates;
+    checks.push({
+      name: "listed posts are newest first",
+      run: () => {
+        const dates = listedDates();
+        const sorted = dates.toSorted().toReversed();
+        if (dates.some((date, index) => date !== sorted[index]))
+          fail("Listed posts are not newest first.");
+      }
+    });
+  }
+  return Object.freeze(checks);
+}
+function renderMatrix(render, cases, options = {}) {
+  const entries = Object.entries(cases).map(([name, props]) => Object.freeze({
+    name,
+    props,
+    html: render(props)
+  }));
+  if (options.allowIdentical !== true) {
+    const seen = new Map;
+    for (const entry of entries) {
+      const previous = seen.get(entry.html);
+      if (previous !== undefined)
+        fail(`Cases "${previous}" and "${entry.name}" render the same markup.`);
+      seen.set(entry.html, entry.name);
+    }
+  }
+  return Object.freeze(entries);
+}
+function assertNoHeadings(html, label = "markup") {
+  const match = /<h[1-6]\b|role="heading"/iu.exec(html);
+  if (match !== null)
+    fail(`${label} contains a heading (${match[0]}); mockups must not add to the page outline.`);
+}
+function assertRoleImgWithLabel(html, label = "markup") {
+  const root = /^\s*<([a-z][a-z0-9-]*)\b([^>]*)>/iu.exec(html);
+  if (root === null)
+    fail(`${label} has no root element.`);
+  const attributes = root[2] ?? "";
+  if (!/\srole="img"/u.test(attributes))
+    fail(`${label} root is not role="img".`);
+  const aria = /\saria-label="([^"]*)"/u.exec(attributes);
+  if (aria === null || (aria[1] ?? "").trim().length === 0)
+    fail(`${label} root has no aria-label.`);
+  if (!/\sdata-nosnippet(=|\s|>|$)/u.test(attributes) && !attributes.includes("data-nosnippet"))
+    fail(`${label} root is missing data-nosnippet.`);
+  const inner = html.slice(root[0].length);
+  if (/<(a|button|input|select|textarea)\b/iu.test(inner))
+    fail(`${label} contains an interactive element inside an image.`);
+  if (/\stabindex="(?!-1")/iu.test(inner))
+    fail(`${label} contains a focusable element inside an image.`);
+}
+var RESERVED_HOST = /^([a-z0-9-]+\.)*(example\.(com|net|org)|[a-z0-9-]+\.(example|test|invalid|localhost))$/iu;
+function assertFakeHandles(html, allowedHandles, label = "markup") {
+  const text = htmlText(html);
+  const allowed = new Set(allowedHandles.map((handle) => handle.replace(/^@/u, "").toLowerCase()));
+  for (const match of text.matchAll(/(^|[\s(])@([a-z0-9_.]{2,30})\b/giu)) {
+    const handle = (match[2] ?? "").toLowerCase();
+    if (!allowed.has(handle))
+      fail(`${label} shows the handle @${handle}, which is not in the invented list.`);
+  }
+  for (const match of text.matchAll(/\b[a-z0-9._%+-]+@([a-z0-9.-]+\.[a-z]{2,})\b/giu)) {
+    if (!RESERVED_HOST.test(match[1] ?? ""))
+      fail(`${label} shows the email ${match[0]}, which is not on a reserved example domain.`);
+  }
+  for (const match of html.matchAll(/\bhref="https?:\/\/([^/"]+)/giu)) {
+    if (!RESERVED_HOST.test(match[1] ?? ""))
+      fail(`${label} links to ${match[1] ?? ""}, which is not a reserved example domain.`);
+  }
+}
+export {
+  stripMockupSamples,
+  renderMatrix,
+  htmlText,
+  blogConformance,
+  assertRoleImgWithLabel,
+  assertNoHeadings,
+  assertFakeHandles,
+  ConformanceError,
+  BLOG_CONFORMANCE_LIMITS
+};

package/package.json

@@ -0,0 +1,377 @@
+{
+  "name": "@hraness/design-kit",
+  "version": "0.31.1",
+  "description": "React components and CSS for Hraness apps and product sites: application shells, marketing sections, charts, themes, effects, and syntax highlighting. Built on @hraness/ui.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "./dist/stylex.css",
+    "./src/*.css"
+  ],
+  "packageManager": "bun@1.3.14",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hraness/design-kit.git"
+  },
+  "homepage": "https://github.com/hraness/design-kit#readme",
+  "bugs": {
+    "url": "https://github.com/hraness/design-kit/issues"
+  },
+  "keywords": [
+    "react",
+    "design-system",
+    "charts",
+    "stylex",
+    "effects",
+    "accessibility"
+  ],
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./dist/index.js"
+    },
+    "./browser": {
+      "types": "./src/browser/index.ts",
+      "import": "./dist/browser/index.js"
+    },
+    "./appearance-menu.css": "./src/appearance-menu.css",
+    "./react": {
+      "types": "./src/react/index.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./react/server": {
+      "types": "./src/react/server.ts",
+      "import": "./dist/react/server.js"
+    },
+    "./charts.css": "./src/charts.css",
+    "./compiler-foundation.css": "./src/compiler-foundation.css",
+    "./compiler-palettes.css": "./src/compiler-palettes.css",
+    "./components.css": "./src/components.css",
+    "./design-gallery.css": "./src/design-gallery.css",
+    "./effects.css": "./src/effects.css",
+    "./fonts.css": "./src/fonts.css",
+    "./icons": {
+      "types": "./src/icons.ts",
+      "import": "./dist/icons.js"
+    },
+    "./icons/*": "./src/icons/*",
+    "./fonts/geist-mono/GeistMono[wght].woff2": "./src/fonts/geist-mono/GeistMono[wght].woff2",
+    "./fonts/nebula-sans/*": "./src/fonts/nebula-sans/*",
+    "./fonts/nebula-sans/social": {
+      "types": "./src/fonts/nebula-sans/social-fonts.generated.ts",
+      "import": "./dist/fonts/nebula-sans/social-fonts.generated.js"
+    },
+    "./lantern-material.css": "./src/lantern-material.css",
+    "./plain-publication.css": "./src/plain-publication.css",
+    "./status-page.css": "./src/status-page.css",
+    "./reading.css": "./src/reading.css",
+    "./plain-site.css": "./src/plain-site.css",
+    "./marketing-forced-colors.css": "./src/marketing-forced-colors.css",
+    "./product-marketing.css": "./src/product-marketing.css",
+    "./reset.css": "./src/reset.css",
+    "./styles.css": "./src/styles.css",
+    "./site-shell.css": "./src/site-shell.css",
+    "./stylex.css": "./dist/stylex.css",
+    "./stylex-manifest.json": "./dist/stylex-manifest.json",
+    "./syntax-highlighting": {
+      "types": "./src/syntax-highlighting.ts",
+      "import": "./dist/syntax-highlighting.js"
+    },
+    "./syntax-highlighting.css": "./src/syntax-highlighting.css",
+    "./tokens.css": "./src/tokens.css",
+    "./typography.css": "./src/typography.css",
+    "./vendor/evilcharts/LICENSE": "./vendor/evilcharts/LICENSE",
+    "./vendor/evilcharts/UPSTREAM.md": "./vendor/evilcharts/UPSTREAM.md",
+    "./vendor/provider-marks/LICENSE": "./vendor/provider-marks/LICENSE",
+    "./vendor/provider-marks/UPSTREAM.md": "./vendor/provider-marks/UPSTREAM.md",
+    "./vendor/platform-marks/LICENSE": "./vendor/platform-marks/LICENSE",
+    "./vendor/platform-marks/UPSTREAM.md": "./vendor/platform-marks/UPSTREAM.md",
+    "./palettes.css": "./src/palettes.css",
+    "./paper-theme.css": "./src/paper-theme.css",
+    "./product-marketing-preset.css": "./src/product-marketing-preset.css",
+    "./fonts/instrument-serif/*": "./src/fonts/instrument-serif/*",
+    "./marketing-assets/*": "./src/marketing-assets/*",
+    "./palette-system.css": "./src/palette-system.css",
+    "./palette-bridge.css": "./src/palette-bridge.css",
+    "./portfolio": {
+      "types": "./src/portfolio.ts",
+      "import": "./dist/portfolio.js"
+    },
+    "./provider-marks": {
+      "types": "./src/provider-marks.ts",
+      "import": "./dist/provider-marks.js"
+    },
+    "./portfolio.json": "./src/portfolio.generated.json",
+    "./react/platform-install": {
+      "types": "./src/react/platform-install.tsx",
+      "import": "./dist/react/platform-install.js"
+    },
+    "./react/hero-backdrop": {
+      "types": "./src/react/hero-backdrop.tsx",
+      "import": "./dist/react/hero-backdrop.js"
+    },
+    "./launch": {
+      "types": "./src/launch.ts",
+      "import": "./dist/launch.js"
+    },
+    "./mockups": {
+      "types": "./src/mockups/index.ts",
+      "import": "./dist/mockups/index.js"
+    },
+    "./mockups/client": {
+      "types": "./src/mockups/client.tsx",
+      "import": "./dist/mockups/client.js"
+    },
+    "./mockups.css": "./src/mockups.css",
+    "./testing": {
+      "types": "./src/testing.ts",
+      "import": "./dist/testing.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./src/index.ts",
+  "style": "./src/styles.css",
+  "files": [
+    "dist",
+    "src/appearance-menu.css",
+    "src/appearance.ts",
+    "src/article-html.ts",
+    "src/article.ts",
+    "src/browser/appearance-menu.ts",
+    "src/browser/artifact-share.ts",
+    "src/browser/foil.ts",
+    "src/browser/index.ts",
+    "src/browser/status-field.ts",
+    "src/browser/status-page.ts",
+    "src/browser/sticky-offset.ts",
+    "src/browser/theme-color-sync.ts",
+    "src/charts.css",
+    "src/compiler-components.css",
+    "src/compiler-foundation.css",
+    "src/compiler-palettes.css",
+    "src/compiler-tokens.css",
+    "src/components.css",
+    "src/design-gallery.css",
+    "src/effects.css",
+    "src/fonts.css",
+    "src/fonts/geist-mono",
+    "src/fonts/nebula-sans",
+    "src/index.ts",
+    "src/plain-publication.css",
+    "src/status-page.css",
+    "src/site-shell.css",
+    "src/reading.css",
+    "src/relative-time.ts",
+    "src/plain-site.css",
+    "src/portfolio.generated.json",
+    "src/portfolio.generated.ts",
+    "src/portfolio.ts",
+    "src/status-page-html.ts",
+    "src/status-page.ts",
+    "src/product-marketing-foundation.css",
+    "src/product-marketing.css",
+    "src/marketing-forced-colors.css",
+    "src/react/animated-rail-stage.stylex.ts",
+    "src/react/animated-rail-stage.tsx",
+    "src/react/app-shell.stylex.ts",
+    "src/react/app-shell.tsx",
+    "src/react/article.tsx",
+    "src/react/launch-beats.tsx",
+    "src/react/social-kit-panel.tsx",
+    "src/react/aurora-dots-background.tsx",
+    "src/react/charts.stylex.ts",
+    "src/react/charts.tsx",
+    "src/react/chat.stylex.ts",
+    "src/react/chat.tsx",
+    "src/react/design-gallery.tsx",
+    "src/react/design-theme-context.tsx",
+    "src/react/effects.stylex.ts",
+    "src/react/fader.tsx",
+    "src/react/fader.stylex.ts",
+    "src/react/foil-card-math.ts",
+    "src/react/foil-mark.tsx",
+    "src/react/foil-card-surface.tsx",
+    "src/react/foil-card-surface.stylex.ts",
+    "src/react/foil.stylex.ts",
+    "src/react/haptics.ts",
+    "src/react/index.ts",
+    "src/react/keyboard-shortcuts.ts",
+    "src/react/navigation-rail.stylex.ts",
+    "src/react/navigation-rail.tsx",
+    "src/react/particle-halo.tsx",
+    "src/react/phaser-dots.tsx",
+    "src/react/playback-transport.tsx",
+    "src/react/playback-transport.stylex.ts",
+    "src/react/procedural-backdrop.tsx",
+    "src/react/procedural-recipe.ts",
+    "src/react/relative-time.tsx",
+    "src/react/production-data-preview-notice.tsx",
+    "src/react/production-data-preview-notice.stylex.ts",
+    "src/react/product-marketing.stylex.ts",
+    "src/react/product-marketing.tsx",
+    "src/react/route-state.stylex.ts",
+    "src/react/route-state.tsx",
+    "src/react/server.ts",
+    "src/react/sticky-offset.tsx",
+    "src/react/surfaces.stylex.ts",
+    "src/react/surfaces.tsx",
+    "src/react/syntax-code.tsx",
+    "src/react/theme-color-sync.ts",
+    "src/react/theme-resolution.ts",
+    "src/react/theme.stylex.ts",
+    "src/react/theme.tsx",
+    "src/reset.css",
+    "src/styles.css",
+    "src/syntax-highlighting.css",
+    "src/syntax-highlighting.ts",
+    "src/syntax-code-lexers.ts",
+    "src/syntax-tokens.ts",
+    "src/tokens.css",
+    "src/typography.css",
+    "vendor/evilcharts/LICENSE",
+    "vendor/evilcharts/UPSTREAM.md",
+    "portfolio-inventory.json",
+    "README.md",
+    "LICENSE",
+    "PALETTES.md",
+    "src/browser/design-palette.ts",
+    "src/palette-appearance.ts",
+    "src/palette-bridge.css",
+    "src/palette-color.ts",
+    "src/palette-themes.ts",
+    "src/palette-tokens.stylex.ts",
+    "src/palettes.css",
+    "src/palettes.ts",
+    "src/react/design-palette.tsx",
+    "src/react/design-palette.stylex.ts",
+    "src/paper-theme.css",
+    "PAPER_THEME.md",
+    "scripts/paper-theme-snapshot.ts",
+    "src/product-marketing-preset.css",
+    "src/fonts/instrument-serif",
+    "src/marketing-assets",
+    "MARKETING_PRESET.md",
+    "MARKETING_COPY.md",
+    "ARTICLE_COPY.md",
+    "STATUS_PAGES.md",
+    "STYLE.md",
+    "WRITING.md",
+    "scripts/product-marketing-snapshot.ts",
+    "scripts/marketing-textures.ts",
+    "scripts/check-marketing-snapshot.mjs",
+    "scripts/check-marketing-snapshot.d.mts",
+    "src/lantern-material.css",
+    "src/react/lantern-material-gallery.tsx",
+    "src/react/lantern-material.stylex.ts",
+    "LANTERN_MATERIAL.md",
+    "scripts/lantern-material-snapshot.ts",
+    "scripts/check-lantern-material-snapshot.mjs",
+    "scripts/check-lantern-material-snapshot.d.mts",
+    "src/browser/hero-light.ts",
+    "src/react/hero-backdrop.tsx",
+    "src/palette-system.css",
+    "HERO_FIELDS.md",
+    "src/provider-marks.ts",
+    "src/provider-marks.generated.ts",
+    "src/react/provider-mark.tsx",
+    "src/react/provider-mark.stylex.ts",
+    "src/platforms.ts",
+    "src/react/platform-icons.tsx",
+    "src/react/platform-install.tsx",
+    "src/react/platform-install.stylex.ts",
+    "vendor/platform-marks",
+    "vendor/provider-marks",
+    "src/icons.ts",
+    "src/icons.generated.ts",
+    "src/icons",
+    "ICONS.md",
+    "src/launch.ts",
+    "src/mockups/client.tsx",
+    "src/mockups/core.tsx",
+    "src/mockups/frames.tsx",
+    "src/mockups/index.ts",
+    "src/mockups/surfaces.tsx",
+    "src/mockups.css",
+    "src/testing.ts"
+  ],
+  "scripts": {
+    "build": "bun run ./scripts/build.ts",
+    "generate:nebula-social-fonts": "bun run ./scripts/generate-nebula-social-fonts.ts",
+    "check:stylex-artifacts": "bun run ./scripts/check-stylex-artifacts.ts",
+    "check:stylex-determinism": "bun run ./scripts/check-stylex-determinism.ts",
+    "check:publication-ready": "bun run ./scripts/package-smoke.ts --publication",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "test": "bun test --preload ./scripts/register-stylex-test-transform.ts ./src",
+    "browser:install": "bun ./node_modules/playwright-core/cli.js install chromium",
+    "test:browser": "bun run test:browser:marketing && bun run test:browser:rest",
+    "test:browser:marketing": "bun run ./scripts/product-marketing-browser.ts",
+    "test:browser:rest": "bun run ./scripts/site-shell-browser.ts && bun run ./scripts/palette-browser.ts && bun run ./scripts/gallery-browser.ts && bun run ./scripts/global-error-browser.ts && bun run ./scripts/security-delivery-browser.ts && bun run ./scripts/paper-theme-browser.ts && bun run ./scripts/product-marketing-preset-browser.ts && bun run ./scripts/lantern-material-browser.ts && bun run ./scripts/foil-browser.ts && bun run ./scripts/hero-light-browser.ts && bun run ./scripts/status-page-browser.ts && bun run ./scripts/platform-install-browser.ts && bun run ./scripts/mockups-browser.ts",
+    "test:package": "bun run ./scripts/package-smoke.ts && bun run ./scripts/mockups-import.ts",
+    "kb:refresh": "bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell refresh --root kb",
+    "kb:check:lane": "bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell check --root kb --no-catalog",
+    "kb:check": "bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell check --root kb && bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell agents check --root kb --repo .",
+    "kb:catalog": "bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell catalog --root kb",
+    "kb:search": "bunx --bun --package https://github.com/hraness/wordcell/releases/download/v0.24.0/hraness-wordcell-0.24.0.tgz wordcell search --root kb --mode exact --selected-passage",
+    "check": "bun run lint && bun run typecheck && bun run build && bun run check:stylex-artifacts && bun run check:stylex-determinism && bun run test:package && bun run test && bun run test:browser",
+    "prepack": "bun run check",
+    "release:prepare": "bun run ./scripts/release-prepare.ts",
+    "prepublishOnly": "bun run check:publication-ready",
+    "sync:portfolio": "bun run ./scripts/sync-portfolio-facts.ts --write",
+    "check:portfolio": "bun run ./scripts/sync-portfolio-facts.ts",
+    "generate:palettes": "bun run ./scripts/generate-palettes.ts --write",
+    "check:palettes": "bun run ./scripts/generate-palettes.ts",
+    "test:palettes": "bun run build && bun run ./scripts/palette-browser.ts",
+    "generate:paper-theme": "bun run ./scripts/generate-paper-theme.ts --write",
+    "check:paper-theme": "bun run ./scripts/generate-paper-theme.ts",
+    "test:paper-theme": "bun test --preload ./scripts/register-stylex-test-transform.ts ./src/paper-theme.test.ts ./src/palettes.test.ts ./src/browser/design-palette.test.ts ./src/react/design-palette.test.tsx && bun run ./scripts/paper-theme-browser.ts",
+    "check:marketing-textures": "bun run ./scripts/marketing-textures.ts",
+    "generate:provider-marks": "bun run ./scripts/generate-provider-marks.ts --write",
+    "check:provider-marks": "bun run ./scripts/generate-provider-marks.ts",
+    "generate:icons": "bun run ./scripts/generate-icons.ts --write",
+    "check:icons": "bun run ./scripts/generate-icons.ts"
+  },
+  "dependencies": {
+    "@hugeicons/core-free-icons": "4.2.3",
+    "@stylexjs/stylex": "0.19.0",
+    "motion": "12.42.0",
+    "next-themes": "0.4.6",
+    "react-aria-components": "1.19.0",
+    "recharts": "3.8.0",
+    "sugar-high": "^1.2.1",
+    "web-haptics": "0.0.6"
+  },
+  "peerDependencies": {
+    "@hraness/ui": ">=0.5.16 <0.6.0",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "peerDependenciesMeta": {
+    "@hraness/ui": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "7.29.7",
+    "@eslint/js": "^9.39.2",
+    "@hraness/ui": "github:hraness/ui#v0.5.17",
+    "@resvg/resvg-js": "2.6.2",
+    "@stylexjs/babel-plugin": "0.19.0",
+    "@types/babel__core": "7.20.5",
+    "@types/bun": "1.3.14",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^9.39.2",
+    "fast-check": "^4.8.0",
+    "lightningcss": "1.33.0",
+    "linkedom": "^0.18.12",
+    "playwright-core": "1.62.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.53.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/portfolio-inventory.json

@@ -0,0 +1,31 @@
+{
+  "brands": [],
+  "components": [
+    {
+      "kind": "package",
+      "name": "@hraness/design-kit",
+      "path": ".",
+      "visibility": "public",
+      "version": "0.31.1"
+    }
+  ],
+  "contract": "hraness.portfolio-inventory/v1",
+  "dependencies": [
+    {
+      "from": "@hraness/design-kit",
+      "scope": "peer",
+      "specifier": ">=0.5.16 <0.6.0",
+      "to": "@hraness/ui"
+    }
+  ],
+  "deployments": [],
+  "formatVersion": 1,
+  "publications": [
+    {
+      "component": "@hraness/design-kit",
+      "packageName": "@hraness/design-kit",
+      "repository": "hraness/design-kit"
+    }
+  ],
+  "repository": "hraness/design-kit"
+}