@burojs/ui-shadcn 0.3.0 → 0.5.0

package/dist/styles.css

@@ -20,12 +20,12 @@
  * scans, or every `prose*` class compiles to nothing and the docs render
  * unstyled. Opposite of the two imports above: this is a real Tailwind
  * plugin, not a CSS library, so it takes `@plugin`, not `@import`. */
-@plugin '@tailwindcss/typography';
+@plugin "@tailwindcss/typography";
 
 /* Resolves relative to THIS file. Published consumers scan compiled JS;
  * source-aliased development hosts scan TS/TSX. Both are required because
  * node_modules is excluded from Tailwind's automatic detection. */
-@source './**/*.{js,ts,tsx}';
+@source "./**/*.{js,ts,tsx}";
 
 /* The documentation panel's opening.
  *
@@ -89,7 +89,7 @@
    *     exactly this reason and read as two data points; it wasn't.)
    *   - red text on a 10%-red tint over --background
    *     (`bg-destructive/10 text-destructive` — badges, banners, inline
-   *     errors; see forms/declarative-form.tsx, resource/resource-form.tsx,
+   *     errors; see forms/declarative-form.tsx, record/record-screen.tsx,
    *     auth/login-form.tsx, resource/list-error-state.tsx,
    *     resource/tab-body.tsx, document-show-banner.tsx and others):
    *                                                                  4.74:1
@@ -129,7 +129,7 @@
    * `warning` would visibly change what's on screen once tasks 4-5 wire
    * these up, which is exactly the kind of silent drift this contract
    * exists to prevent. The one deliberate MERGE going the other way:
-   * `resource-form.tsx`'s yellow-500 draft-banner collapses into `warning`
+   * `record/record-screen.tsx`'s yellow-500 draft-banner collapses into `warning`
    * (amber) — Tailwind's own OKLCH hue distance from amber-500 is 16°
    * (amber↔yellow) vs 22.5° for both amber↔orange and sky↔blue, and L/C are
    * nearly identical (76.9%/0.188 vs 79.5%/0.184) — this reads as accidental
@@ -145,7 +145,7 @@
    * badge was the only context that existed when task 3 measured them. Task
    * 4 initially reused the name `-foreground` for that tinted-text value
    * too, and it broke at the one real filled-surface site that exists
-   * today: `resource-wizard.tsx`'s completed-step circle
+   * then: the old create wizard's completed-step circle
    * (`bg-success text-success-foreground`) rendered dark-green-on-green at
    * 2.19:1 — *worse* than the `text-white` it replaced. Split into two
    * names so the shape (`bg-<x> text-<x>-foreground`) means the same thing
@@ -153,11 +153,11 @@
    *   `--<severity>-foreground` — shadcn's meaning, restored: text on a
    *     SOLID `bg-<severity>` fill. Near-white, reproducing what the
    *     wizard's literal `text-white` actually rendered (`rgb(255, 255,
-   *     255)`) — the only filled-surface severity site that exists today.
+   *     255)`) — the only filled-surface severity site that existed then
+   *     (the wizard was removed in P1b+P1c; none remains).
    *     Not repeated in `.dark`: the fill itself (`--success` etc.) doesn't
    *     vary by mode either (see below), so neither does its contrasting
-   *     text. Only `--success-foreground` has a live consumer right now;
-   *     the other six carry the same value for symmetry within the family,
+   *     text. All seven carry the same value for symmetry within the family,
    *     unverified against a real filled site of their own — see task 4's
    *     fix-round report.
    *   `--<severity>-emphasis` — task 3's original measurement, renamed,
@@ -227,8 +227,12 @@
   --neutral-foreground: hsl(0 0% 100%); /* text on a SOLID bg-neutral fill (not a palette colour) */
   --neutral-emphasis: oklch(37% 0.013 285.805); /* zinc-700, text on a TINTED bg-neutral/15 */
   --highlight: oklch(60.6% 0.25 292.717); /* violet-500 */
-  --highlight-foreground: hsl(0 0% 100%); /* text on a SOLID bg-highlight fill (not a palette colour) */
-  --highlight-emphasis: oklch(49.1% 0.27 292.581); /* violet-700, text on a TINTED bg-highlight/15 */
+  --highlight-foreground: hsl(
+    0 0% 100%
+  ); /* text on a SOLID bg-highlight fill (not a palette colour) */
+  --highlight-emphasis: oklch(
+    49.1% 0.27 292.581
+  ); /* violet-700, text on a TINTED bg-highlight/15 */
   --active: oklch(62.3% 0.214 259.815); /* blue-500 */
   --active-foreground: hsl(0 0% 100%); /* text on a SOLID bg-active fill (not a palette colour) */
   --active-emphasis: oklch(48.8% 0.243 264.376); /* blue-700, text on a TINTED bg-active/15 */
@@ -316,8 +320,9 @@
    * `--font-mono` needed no such pin: v3's and v4's default mono stacks are
    * byte-identical (same two files), confirmed by the gate showing zero
    * font-family drift on any `font-mono` element. */
-  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", "Noto Color Emoji";
+  --font-sans:
+    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+    "Noto Color Emoji";
 
   /* v4 redefines every named font-size's paired line-height as a UNITLESS
    * ratio (e.g. `--text-xs--line-height: calc(1 / 0.75)`); v3 used a FIXED
@@ -330,12 +335,13 @@
    * line-height than v3 did. Task 7's computed-style gate caught exactly
    * one instance of this (the command palette's `text-[10px]` kbd chips,
    * nested in `text-xs`, went 16px -> 13.3333px) but the mechanism is
-   * general, not particular to kbd — `resource-form.tsx`,
-   * `resource-show.tsx`, `file.tsx` and others carry `text-[10px]`/
+   * general, not particular to kbd — `record/record-screen.tsx`,
+   * `record/record-screen.tsx`, `file.tsx` and others carry `text-[10px]`/
    * `text-[11px]` on routes this gate doesn't cover, and would have drifted
    * silently. Pinning every named size actually used in this kit
-   * (`grep -rE 'text-(xs|sm|base|lg|xl|2xl|3xl)\b' packages/ui-shadcn/src
-   * apps/playground/src`) to v3's fixed value closes the whole class of bug
+   * (`grep -rE 'text-(xs|sm|base|lg|xl|2xl|3xl)\b' packages/ui-shadcn/src`,
+   * plus the since-deleted `apps/playground/src`) to v3's fixed value closes
+   * the whole class of bug
    * at the token level, not just the four kbd elements that happened to be
    * gated — those per-element `leading-[1rem]` pins have been removed as
    * redundant. Values read verbatim from the installed
@@ -694,7 +700,7 @@
    * inherits whatever cursor its ancestor set instead of being pinned —
    * real nestings exist (clickable rows in `resource-list.tsx`,
    * `relation-picker-dialog.tsx`, `<summary className="cursor-pointer">`
-   * in `resource-form.tsx` and `list-error-state.tsx`), and any disabled
+   * in `record/record-screen.tsx` and `list-error-state.tsx`), and any disabled
    * input without an explicit `disabled:cursor-not-allowed` loses v3's
    * behaviour too. */
   :disabled {
@@ -792,3 +798,235 @@ html {
     background: transparent;
   }
 }
+
+/*
+ * The record-screen styling contract (P1b+P1c section 9). Every rule keys off
+ * the `data-buro-*` attributes the renderer writes, never a utility class, so
+ * an application restyles a screen without a custom frame. Container queries
+ * only: a 380px sheet on a 1280px page lays out like a phone.
+ */
+@layer components {
+  :root {
+    --buro-grid-min: 16rem;
+    --buro-grid-max-columns: 3;
+    --buro-node-gap: 0.75rem;
+    --buro-node-min: 12rem;
+    --buro-size-sm: 10rem;
+    --buro-size-md: 16rem;
+    --buro-size-lg: 24rem;
+    /* The second level of rhythm: between blocks and field groups, never between two fields. */
+    --buro-section-gap: 1.5rem;
+  }
+
+  /* The header too: the fields of its `header` slot lay out by its width, as the body's do. A
+     form's and a page's body likewise, or a form would take its layout from whatever encloses it
+     (beside-labels in a panel, stacked in a dialog). */
+  [data-buro-region="record-header"],
+  [data-buro-region="form-body"],
+  [data-buro-region="page-body"],
+  [data-buro-region="record-body"],
+  [data-buro-region="panel-body"],
+  [data-buro-region="tab-panel"],
+  [data-buro-region="step-panel"],
+  [data-buro-node="grid"] {
+    container-type: inline-size;
+  }
+
+  /*
+   * In a form a panel's or a step's body is a fieldset (P6-17): the user-agent border, padding,
+   * margin and min-content inline size would let a wide grid or table overflow its panel.
+   */
+  [data-buro-region="panel-body"]:where(fieldset),
+  [data-buro-region="step-panel"]:where(fieldset) {
+    min-inline-size: 0;
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  /* An author `display` rule outranks the user-agent `[hidden]` rule. */
+  [data-buro-node][hidden],
+  [data-buro-region][hidden] {
+    /* biome-ignore lint/complexity/noImportantStyles: the spec's rule — an author display on a node must not outrank [hidden] */
+    display: none !important;
+  }
+
+  /* A pending node keeps its box; only its skeleton shows. */
+  [data-buro-state="pending"] {
+    visibility: hidden;
+  }
+  [data-buro-state="pending"] [data-buro-skeleton] {
+    visibility: visible;
+  }
+
+  [data-buro-node="stack"],
+  [data-buro-region="panel-body"],
+  [data-buro-region="tab-panel"],
+  [data-buro-region="step-panel"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--buro-node-gap);
+  }
+
+  /*
+   * A section container's children are field groups (`data-buro-group="fields"`, drawn by the
+   * renderer around each run of consecutive fields) and blocks, so a block stands apart from the
+   * fields around it while two fields stay at `--buro-node-gap`. Authored stacks, rows and grids
+   * keep `--buro-node-gap`.
+   */
+  [data-buro-node="stack"][data-buro-slot],
+  [data-buro-region="record-body"] > [data-buro-node="stack"],
+  [data-buro-region="form-body"] > [data-buro-node="stack"],
+  [data-buro-region="page-body"] > [data-buro-node="stack"],
+  [data-buro-region="panel-body"],
+  [data-buro-region="tab-panel"],
+  [data-buro-region="step-panel"] {
+    gap: var(--buro-section-gap);
+  }
+
+  /* The record header is set off from the body by a rule... */
+  [data-buro-region="record-header"] {
+    padding-block-end: 1rem;
+    border-block-end: 1px solid var(--border);
+  }
+  /* ...unless the body opens with tabs: the tab strip already separates, a second line would not. */
+  [data-buro-region="record-header"]:has(
+    ~ [data-buro-region="record-body"]
+      > [data-buro-node="stack"]
+      > [data-buro-node="tabs"]:first-child,
+    ~ *
+      [data-buro-region="record-body"]
+      > [data-buro-node="stack"]
+      > [data-buro-node="tabs"]:first-child
+  ) {
+    padding-block-end: 0;
+    border-block-end: 0;
+  }
+
+  [data-buro-node="grid"] {
+    display: grid;
+    gap: var(--buro-node-gap);
+    grid-template-columns: repeat(
+        auto-fill,
+        minmax(
+          max(
+            min(var(--buro-grid-min), 100%),
+            calc(100% / var(--buro-grid-max-columns) - var(--buro-node-gap))
+          ),
+          1fr
+        )
+      );
+  }
+  [data-buro-node="grid"] > [data-buro-size="full"] {
+    grid-column: 1 / -1;
+  }
+  @container (min-width: 29rem) {
+    [data-buro-node="grid"] > [data-buro-size="lg"] {
+      grid-column: span 2;
+    }
+  }
+
+  [data-buro-node="row"] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--buro-node-gap);
+  }
+  [data-buro-node="row"] > [data-buro-node] {
+    flex: 1 1 var(--buro-size-md);
+    min-width: min(var(--buro-node-min), 100%);
+  }
+  [data-buro-node="row"] > [data-buro-size="sm"] {
+    flex-basis: var(--buro-size-sm);
+    min-width: min(var(--buro-size-sm), 100%);
+  }
+  [data-buro-node="row"] > [data-buro-size="lg"] {
+    flex-basis: var(--buro-size-lg);
+    min-width: min(var(--buro-size-lg), 100%);
+  }
+  [data-buro-node="row"] > [data-buro-size="full"] {
+    flex-basis: 100%;
+  }
+  [data-buro-node="row"] > [data-buro-weight="2"] {
+    flex-grow: 2;
+  }
+  [data-buro-node="row"] > [data-buro-weight="3"] {
+    flex-grow: 3;
+  }
+  [data-buro-node="row"] > [data-buro-weight="4"] {
+    flex-grow: 4;
+  }
+
+  /* `buro:facts` in its grid view: as many tiles a row as fit at `--buro-size-sm` each. */
+  [data-buro-facts="grid"] {
+    display: grid;
+    gap: var(--buro-node-gap);
+    grid-template-columns: repeat(auto-fill, minmax(min(var(--buro-size-sm), 100%), 1fr));
+  }
+
+  [data-buro-node="panel"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1rem;
+  }
+  [data-buro-region="panel-title"] {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+  [data-buro-node="panel"][data-buro-tone="info"] {
+    border-color: var(--info, var(--border));
+  }
+  [data-buro-node="panel"][data-buro-tone="success"] {
+    border-color: var(--success, var(--border));
+  }
+  [data-buro-node="panel"][data-buro-tone="warning"] {
+    border-color: var(--warning, var(--border));
+  }
+  [data-buro-node="panel"][data-buro-tone="destructive"] {
+    border-color: var(--destructive);
+  }
+  /* A panel inside steps or tabs is a section of its parent, not a card of its own. */
+  [data-buro-node="steps"] > [data-buro-node="panel"] {
+    border-width: 0 0 1px;
+    border-radius: 0;
+    padding: 0 0 1rem;
+  }
+
+  /*
+   * One field geometry in show, in a grid and in a form (visual-quality spec, finding 2): a leaf
+   * is its label, its control, then any message line (`field-message`). Narrow, the label sits
+   * above the value; from 36rem a single-column leaf puts it in a label column no wider than
+   * `--buro-size-sm`, and messages stay under the control.
+   */
+  [data-buro-node="field"] {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0.375rem 1rem;
+    align-items: baseline;
+  }
+  @container (min-width: 36rem) {
+    [data-buro-node="field"]:not([data-buro-size="full"]) {
+      /* The label column is never narrower than its content: a one-word label and its 24px
+         help button did not fit in a narrow label column, and the button covered the label's
+         last letters (REF-41). A longer label still wraps at its spaces. */
+      grid-template-columns: minmax(min-content, var(--buro-size-sm)) minmax(0, 1fr);
+    }
+    [data-buro-node="field"]:not([data-buro-size="full"]) > :nth-child(n + 3) {
+      grid-column: 2;
+    }
+  }
+  /* In a grid cell or a row the label is always above the value: the cell is the column. */
+  /* (Outranks the container rules above by one attribute: the `:is()` parent.) */
+  :is([data-buro-node="grid"], [data-buro-node="row"])
+  > [data-buro-node="field"]:not([data-buro-size="full"]) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  :is([data-buro-node="grid"], [data-buro-node="row"])
+    > [data-buro-node="field"]:not([data-buro-size="full"])
+    > :nth-child(n + 3) {
+    grid-column: auto;
+  }
+}

package/dist/theme/theme-css.cjs

@@ -1,105 +1,104 @@
-'use strict';
-
-// src/theme/theme-css.ts
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/theme/theme-css.ts
 function parseTopLevelBlocks(src) {
-  const n = src.length;
-  const blocks = [];
-  let i = 0;
-  const skipComment = (pos) => {
-    const end = src.indexOf("*/", pos + 2);
-    return end === -1 ? n : end + 2;
-  };
-  const skipString = (pos) => {
-    const quote = src[pos];
-    let j = pos + 1;
-    while (j < n && src[j] !== quote) {
-      if (src[j] === "\\") j++;
-      j++;
-    }
-    return j < n ? j + 1 : n;
-  };
-  while (i < n) {
-    while (i < n) {
-      const ch = src[i];
-      if (ch === " " || ch === "	" || ch === "\n" || ch === "\r") {
-        i++;
-        continue;
-      }
-      if (src.startsWith("/*", i)) {
-        i = skipComment(i);
-        continue;
-      }
-      break;
-    }
-    if (i >= n) break;
-    const statementStart = i;
-    let head = "";
-    while (i < n && src[i] !== "{" && src[i] !== ";") {
-      if (src.startsWith("/*", i)) {
-        i = skipComment(i);
-        continue;
-      }
-      if (src[i] === '"' || src[i] === "'") {
-        const strStart = i;
-        i = skipString(i);
-        head += src.slice(strStart, i);
-        continue;
-      }
-      head += src[i];
-      i++;
-    }
-    if (i >= n) break;
-    if (src[i] === ";") {
-      i++;
-      continue;
-    }
-    let depth = 1;
-    let j = i + 1;
-    while (j < n && depth > 0) {
-      if (src.startsWith("/*", j)) {
-        j = skipComment(j);
-        continue;
-      }
-      if (src[j] === '"' || src[j] === "'") {
-        j = skipString(j);
-        continue;
-      }
-      if (src[j] === "{") depth++;
-      else if (src[j] === "}") depth--;
-      j++;
-    }
-    blocks.push({ selector: head.trim(), raw: src.slice(statementStart, j) });
-    i = j;
-  }
-  return blocks;
+	const n = src.length;
+	const blocks = [];
+	let i = 0;
+	const skipComment = (pos) => {
+		const end = src.indexOf("*/", pos + 2);
+		return end === -1 ? n : end + 2;
+	};
+	const skipString = (pos) => {
+		const quote = src[pos];
+		let j = pos + 1;
+		while (j < n && src[j] !== quote) {
+			if (src[j] === "\\") j++;
+			j++;
+		}
+		return j < n ? j + 1 : n;
+	};
+	while (i < n) {
+		while (i < n) {
+			const ch = src[i];
+			if (ch === " " || ch === "	" || ch === "\n" || ch === "\r") {
+				i++;
+				continue;
+			}
+			if (src.startsWith("/*", i)) {
+				i = skipComment(i);
+				continue;
+			}
+			break;
+		}
+		if (i >= n) break;
+		const statementStart = i;
+		let head = "";
+		while (i < n && src[i] !== "{" && src[i] !== ";") {
+			if (src.startsWith("/*", i)) {
+				i = skipComment(i);
+				continue;
+			}
+			if (src[i] === "\"" || src[i] === "'") {
+				const strStart = i;
+				i = skipString(i);
+				head += src.slice(strStart, i);
+				continue;
+			}
+			head += src[i];
+			i++;
+		}
+		if (i >= n) break;
+		if (src[i] === ";") {
+			i++;
+			continue;
+		}
+		let depth = 1;
+		let j = i + 1;
+		while (j < n && depth > 0) {
+			if (src.startsWith("/*", j)) {
+				j = skipComment(j);
+				continue;
+			}
+			if (src[j] === "\"" || src[j] === "'") {
+				j = skipString(j);
+				continue;
+			}
+			if (src[j] === "{") depth++;
+			else if (src[j] === "}") depth--;
+			j++;
+		}
+		blocks.push({
+			selector: head.trim(),
+			raw: src.slice(statementStart, j)
+		});
+		i = j;
+	}
+	return blocks;
 }
 function stripThemeCss(raw) {
-  const normalized = raw.replace(/\r\n/g, "\n");
-  const blocks = parseTopLevelBlocks(normalized);
-  const kept = blocks.filter((b) => b.selector === ":root" || b.selector === ".dark");
-  return kept.map((b) => b.raw).join("\n\n");
+	return parseTopLevelBlocks(raw.replace(/\r\n/g, "\n")).filter((b) => b.selector === ":root" || b.selector === ".dark").map((b) => b.raw).join("\n\n");
 }
 function validateThemeCss(css) {
-  const normalized = css.replace(/\r\n/g, "\n");
-  if (normalized.trim().length === 0) {
-    return { ok: false, reason: "Theme CSS is empty." };
-  }
-  const blocks = parseTopLevelBlocks(normalized);
-  const hasDark = blocks.some((b) => b.selector === ".dark");
-  const hasRoot = blocks.some((b) => b.selector === ":root");
-  if (!hasDark) {
-    return {
-      ok: false,
-      reason: `Theme has no ".dark" block. Without it, the theme's ":root" values override the app's ".dark" styles at equal CSS specificity, and dark mode silently stops working.`
-    };
-  }
-  if (!hasRoot) {
-    return { ok: false, reason: 'Theme has no ":root" block \u2014 light-mode values are missing.' };
-  }
-  return { ok: true };
+	const normalized = css.replace(/\r\n/g, "\n");
+	if (normalized.trim().length === 0) return {
+		ok: false,
+		reason: "Theme CSS is empty."
+	};
+	const blocks = parseTopLevelBlocks(normalized);
+	const hasDark = blocks.some((b) => b.selector === ".dark");
+	const hasRoot = blocks.some((b) => b.selector === ":root");
+	if (!hasDark) return {
+		ok: false,
+		reason: "Theme has no \".dark\" block. Without it, the theme's \":root\" values override the app's \".dark\" styles at equal CSS specificity, and dark mode silently stops working."
+	};
+	if (!hasRoot) return {
+		ok: false,
+		reason: "Theme has no \":root\" block — light-mode values are missing."
+	};
+	return { ok: true };
 }
-
+//#endregion
 exports.stripThemeCss = stripThemeCss;
 exports.validateThemeCss = validateThemeCss;
-//# sourceMappingURL=theme-css.cjs.map
+
 //# sourceMappingURL=theme-css.cjs.map

package/dist/theme/theme-css.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/theme-css.ts"],"names":[],"mappings":"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","file":"theme-css.cjs","sourcesContent":["/**\n * Pure functions for handling a pasted tweakcn theme.\n *\n * tweakcn's \"Copy code\" button emits six constructs. Only two of them mean\n * anything once dropped into a browser at runtime (not build time, since\n * there is no Tailwind build step for pasted CSS):\n *\n *   @import \"tailwindcss\";           -> 404s if kept (no such route at runtime)\n *   @custom-variant dark (...);      -> meaningless outside a Tailwind build\n *   :root  { ... }                   -> survives, sets light-mode custom properties\n *   .dark  { ... }                   -> survives, sets dark-mode custom properties\n *   @theme inline { ... }            -> meaningless outside a Tailwind build\n *   @layer base { ...; @apply ...; } -> @apply is not real CSS, dead weight\n *\n * `stripThemeCss` throws away everything except the `:root` and `.dark`\n * blocks. `validateThemeCss` catches the one failure mode that is otherwise\n * invisible: a theme with no `.dark` block. `.dark` and `:root` share equal\n * specificity, so injecting a `:root`-only theme *after* the app's own\n * stylesheet makes its `:root` win over `html.dark`'s rules too — dark mode\n * silently stops working, with no error anywhere.\n */\n\nexport type ThemeRecord = { id: string; name: string; css: string };\n\nexport type ThemeValidationResult = { ok: true } | { ok: false; reason: string };\n\ninterface TopLevelBlock {\n  /** The selector/at-rule head, trimmed (e.g. \":root\", \".dark\", \"@theme inline\"). */\n  selector: string;\n  /** The full source slice for this block, selector through closing brace. */\n  raw: string;\n}\n\n/**\n * Walks the source once, splitting it into top-level statements. Any\n * statement terminated by `;` (e.g. `@import \"tailwindcss\";`,\n * `@custom-variant dark (&:is(.dark *));`) is dropped outright — it never\n * produces a block. Any statement with a `{ ... }` body is returned as a\n * block, with brace depth tracked through the body so a nested block (e.g.\n * `@layer base { * { ... } body { ... } }`) is consumed as a single unit\n * instead of stopping at its first inner `}`.\n *\n * Comments and quoted strings are skipped transparently everywhere braces\n * are counted, so a brace inside `/* ... *\\/` or inside a string value never\n * perturbs the depth count.\n *\n * Unclosed input (an opened `{`, `/*`, or quote that never finds its\n * closer) is NOT dropped: the depth/comment/string scan simply runs off\n * the end of the string, and the block gets pushed with its `raw` spanning\n * from the opening selector all the way to EOF — swallowing whatever\n * well-formed blocks would otherwise have followed it. Concretely: an\n * unclosed `:root {` earlier in the source will absorb a perfectly valid\n * `.dark { ... }` that comes after it, so `.dark` never becomes its own\n * top-level block. This is a deliberately-left gap, not a bug: the\n * consequence is caught downstream by `validateThemeCss`'s \"no .dark\"\n * check, so truncated/corrupt input fails closed rather than corrupting\n * silently. The one sharp edge is the *reason string* it fails with — a\n * clipboard read that came back truncated will be reported as \"no .dark\n * block\", not \"your paste was cut off\", which is worth remembering when\n * debugging a fetch step that feeds this function.\n */\nfunction parseTopLevelBlocks(src: string): TopLevelBlock[] {\n  const n = src.length;\n  const blocks: TopLevelBlock[] = [];\n  let i = 0;\n\n  const skipComment = (pos: number): number => {\n    const end = src.indexOf('*/', pos + 2);\n    return end === -1 ? n : end + 2;\n  };\n\n  const skipString = (pos: number): number => {\n    const quote = src[pos];\n    let j = pos + 1;\n    while (j < n && src[j] !== quote) {\n      if (src[j] === '\\\\') j++;\n      j++;\n    }\n    return j < n ? j + 1 : n;\n  };\n\n  while (i < n) {\n    // Skip whitespace and comments between statements.\n    while (i < n) {\n      const ch = src[i];\n      if (ch === ' ' || ch === '\\t' || ch === '\\n' || ch === '\\r') {\n        i++;\n        continue;\n      }\n      if (src.startsWith('/*', i)) {\n        i = skipComment(i);\n        continue;\n      }\n      break;\n    }\n    if (i >= n) break;\n\n    const statementStart = i;\n    let head = '';\n\n    // Scan the head (selector / at-rule prelude) up to a top-level `{` or `;`.\n    while (i < n && src[i] !== '{' && src[i] !== ';') {\n      if (src.startsWith('/*', i)) {\n        i = skipComment(i);\n        continue;\n      }\n      if (src[i] === '\"' || src[i] === \"'\") {\n        const strStart = i;\n        i = skipString(i);\n        head += src.slice(strStart, i);\n        continue;\n      }\n      head += src[i];\n      i++;\n    }\n\n    // Ran off the end while scanning the head itself (no `{` or `;` ever\n    // showed up) — this fragment genuinely IS dropped, since there is no\n    // `{` to even start a block from. Contrast with an opened-but-unclosed\n    // `{ ... }` body below, which is NOT dropped — see the block comment\n    // on this function.\n    if (i >= n) break;\n\n    if (src[i] === ';') {\n      i++; // e.g. `@import \"tailwindcss\";` — drop, no block produced.\n      continue;\n    }\n\n    // src[i] === '{' — consume the whole block, tracking nested brace depth.\n    let depth = 1;\n    let j = i + 1;\n    while (j < n && depth > 0) {\n      if (src.startsWith('/*', j)) {\n        j = skipComment(j);\n        continue;\n      }\n      if (src[j] === '\"' || src[j] === \"'\") {\n        j = skipString(j);\n        continue;\n      }\n      if (src[j] === '{') depth++;\n      else if (src[j] === '}') depth--;\n      j++;\n    }\n\n    // Pushed unconditionally — if `depth` never reached 0 the loop above\n    // only stopped because `j` hit `n` (EOF). That's intentional: see the\n    // \"Unclosed input\" paragraph on this function's doc comment.\n    blocks.push({ selector: head.trim(), raw: src.slice(statementStart, j) });\n    i = j;\n  }\n\n  return blocks;\n}\n\n/**\n * Reduces a pasted tweakcn theme to just its `:root { ... }` and\n * `.dark { ... }` blocks, in source order. Everything else (imports,\n * `@custom-variant`, `@theme inline`, `@layer base`) is dropped. Idempotent:\n * running it again on its own output is a no-op.\n */\nexport function stripThemeCss(raw: string): string {\n  const normalized = raw.replace(/\\r\\n/g, '\\n');\n  const blocks = parseTopLevelBlocks(normalized);\n  const kept = blocks.filter((b) => b.selector === ':root' || b.selector === '.dark');\n  return kept.map((b) => b.raw).join('\\n\\n');\n}\n\n/**\n * Validates that a (normally already-stripped) theme is safe to inject.\n * The load-bearing check is `.dark`: without it, a theme's `:root` values\n * override the app's `.dark` rules at equal specificity, and dark mode\n * breaks silently. Also rejects empty input and (defensively) a theme with\n * no `:root` block at all.\n */\nexport function validateThemeCss(css: string): ThemeValidationResult {\n  const normalized = css.replace(/\\r\\n/g, '\\n');\n  if (normalized.trim().length === 0) {\n    return { ok: false, reason: 'Theme CSS is empty.' };\n  }\n\n  const blocks = parseTopLevelBlocks(normalized);\n  const hasDark = blocks.some((b) => b.selector === '.dark');\n  const hasRoot = blocks.some((b) => b.selector === ':root');\n\n  if (!hasDark) {\n    return {\n      ok: false,\n      reason:\n        'Theme has no \".dark\" block. Without it, the theme\\'s \":root\" values ' +\n        'override the app\\'s \".dark\" styles at equal CSS specificity, and dark ' +\n        'mode silently stops working.',\n    };\n  }\n\n  if (!hasRoot) {\n    return { ok: false, reason: 'Theme has no \":root\" block — light-mode values are missing.' };\n  }\n\n  return { ok: true };\n}\n"]}
+{"version":3,"file":"theme-css.cjs","names":[],"sources":["../../src/theme/theme-css.ts"],"sourcesContent":["/**\n * Pure functions for handling a pasted tweakcn theme.\n *\n * tweakcn's \"Copy code\" button emits six constructs. Only two of them mean\n * anything once dropped into a browser at runtime (not build time, since\n * there is no Tailwind build step for pasted CSS):\n *\n *   @import \"tailwindcss\";           -> 404s if kept (no such route at runtime)\n *   @custom-variant dark (...);      -> meaningless outside a Tailwind build\n *   :root  { ... }                   -> survives, sets light-mode custom properties\n *   .dark  { ... }                   -> survives, sets dark-mode custom properties\n *   @theme inline { ... }            -> meaningless outside a Tailwind build\n *   @layer base { ...; @apply ...; } -> @apply is not real CSS, dead weight\n *\n * `stripThemeCss` throws away everything except the `:root` and `.dark`\n * blocks. `validateThemeCss` catches the one failure mode that is otherwise\n * invisible: a theme with no `.dark` block. `.dark` and `:root` share equal\n * specificity, so injecting a `:root`-only theme *after* the app's own\n * stylesheet makes its `:root` win over `html.dark`'s rules too — dark mode\n * silently stops working, with no error anywhere.\n */\n\nexport type ThemeRecord = { id: string; name: string; css: string };\n\nexport type ThemeValidationResult = { ok: true } | { ok: false; reason: string };\n\ninterface TopLevelBlock {\n  /** The selector/at-rule head, trimmed (e.g. \":root\", \".dark\", \"@theme inline\"). */\n  selector: string;\n  /** The full source slice for this block, selector through closing brace. */\n  raw: string;\n}\n\n/**\n * Walks the source once, splitting it into top-level statements. Any\n * statement terminated by `;` (e.g. `@import \"tailwindcss\";`,\n * `@custom-variant dark (&:is(.dark *));`) is dropped outright — it never\n * produces a block. Any statement with a `{ ... }` body is returned as a\n * block, with brace depth tracked through the body so a nested block (e.g.\n * `@layer base { * { ... } body { ... } }`) is consumed as a single unit\n * instead of stopping at its first inner `}`.\n *\n * Comments and quoted strings are skipped transparently everywhere braces\n * are counted, so a brace inside `/* ... *\\/` or inside a string value never\n * perturbs the depth count.\n *\n * Unclosed input (an opened `{`, `/*`, or quote that never finds its\n * closer) is NOT dropped: the depth/comment/string scan simply runs off\n * the end of the string, and the block gets pushed with its `raw` spanning\n * from the opening selector all the way to EOF — swallowing whatever\n * well-formed blocks would otherwise have followed it. Concretely: an\n * unclosed `:root {` earlier in the source will absorb a perfectly valid\n * `.dark { ... }` that comes after it, so `.dark` never becomes its own\n * top-level block. This is a deliberately-left gap, not a bug: the\n * consequence is caught downstream by `validateThemeCss`'s \"no .dark\"\n * check, so truncated/corrupt input fails closed rather than corrupting\n * silently. The one sharp edge is the *reason string* it fails with — a\n * clipboard read that came back truncated will be reported as \"no .dark\n * block\", not \"your paste was cut off\", which is worth remembering when\n * debugging a fetch step that feeds this function.\n */\nfunction parseTopLevelBlocks(src: string): TopLevelBlock[] {\n  const n = src.length;\n  const blocks: TopLevelBlock[] = [];\n  let i = 0;\n\n  const skipComment = (pos: number): number => {\n    const end = src.indexOf('*/', pos + 2);\n    return end === -1 ? n : end + 2;\n  };\n\n  const skipString = (pos: number): number => {\n    const quote = src[pos];\n    let j = pos + 1;\n    while (j < n && src[j] !== quote) {\n      if (src[j] === '\\\\') j++;\n      j++;\n    }\n    return j < n ? j + 1 : n;\n  };\n\n  while (i < n) {\n    // Skip whitespace and comments between statements.\n    while (i < n) {\n      const ch = src[i];\n      if (ch === ' ' || ch === '\\t' || ch === '\\n' || ch === '\\r') {\n        i++;\n        continue;\n      }\n      if (src.startsWith('/*', i)) {\n        i = skipComment(i);\n        continue;\n      }\n      break;\n    }\n    if (i >= n) break;\n\n    const statementStart = i;\n    let head = '';\n\n    // Scan the head (selector / at-rule prelude) up to a top-level `{` or `;`.\n    while (i < n && src[i] !== '{' && src[i] !== ';') {\n      if (src.startsWith('/*', i)) {\n        i = skipComment(i);\n        continue;\n      }\n      if (src[i] === '\"' || src[i] === \"'\") {\n        const strStart = i;\n        i = skipString(i);\n        head += src.slice(strStart, i);\n        continue;\n      }\n      head += src[i];\n      i++;\n    }\n\n    // Ran off the end while scanning the head itself (no `{` or `;` ever\n    // showed up) — this fragment genuinely IS dropped, since there is no\n    // `{` to even start a block from. Contrast with an opened-but-unclosed\n    // `{ ... }` body below, which is NOT dropped — see the block comment\n    // on this function.\n    if (i >= n) break;\n\n    if (src[i] === ';') {\n      i++; // e.g. `@import \"tailwindcss\";` — drop, no block produced.\n      continue;\n    }\n\n    // src[i] === '{' — consume the whole block, tracking nested brace depth.\n    let depth = 1;\n    let j = i + 1;\n    while (j < n && depth > 0) {\n      if (src.startsWith('/*', j)) {\n        j = skipComment(j);\n        continue;\n      }\n      if (src[j] === '\"' || src[j] === \"'\") {\n        j = skipString(j);\n        continue;\n      }\n      if (src[j] === '{') depth++;\n      else if (src[j] === '}') depth--;\n      j++;\n    }\n\n    // Pushed unconditionally — if `depth` never reached 0 the loop above\n    // only stopped because `j` hit `n` (EOF). That's intentional: see the\n    // \"Unclosed input\" paragraph on this function's doc comment.\n    blocks.push({ selector: head.trim(), raw: src.slice(statementStart, j) });\n    i = j;\n  }\n\n  return blocks;\n}\n\n/**\n * Reduces a pasted tweakcn theme to just its `:root { ... }` and\n * `.dark { ... }` blocks, in source order. Everything else (imports,\n * `@custom-variant`, `@theme inline`, `@layer base`) is dropped. Idempotent:\n * running it again on its own output is a no-op.\n */\nexport function stripThemeCss(raw: string): string {\n  const normalized = raw.replace(/\\r\\n/g, '\\n');\n  const blocks = parseTopLevelBlocks(normalized);\n  const kept = blocks.filter((b) => b.selector === ':root' || b.selector === '.dark');\n  return kept.map((b) => b.raw).join('\\n\\n');\n}\n\n/**\n * Validates that a (normally already-stripped) theme is safe to inject.\n * The load-bearing check is `.dark`: without it, a theme's `:root` values\n * override the app's `.dark` rules at equal specificity, and dark mode\n * breaks silently. Also rejects empty input and (defensively) a theme with\n * no `:root` block at all.\n */\nexport function validateThemeCss(css: string): ThemeValidationResult {\n  const normalized = css.replace(/\\r\\n/g, '\\n');\n  if (normalized.trim().length === 0) {\n    return { ok: false, reason: 'Theme CSS is empty.' };\n  }\n\n  const blocks = parseTopLevelBlocks(normalized);\n  const hasDark = blocks.some((b) => b.selector === '.dark');\n  const hasRoot = blocks.some((b) => b.selector === ':root');\n\n  if (!hasDark) {\n    return {\n      ok: false,\n      reason:\n        'Theme has no \".dark\" block. Without it, the theme\\'s \":root\" values ' +\n        'override the app\\'s \".dark\" styles at equal CSS specificity, and dark ' +\n        'mode silently stops working.',\n    };\n  }\n\n  if (!hasRoot) {\n    return { ok: false, reason: 'Theme has no \":root\" block — light-mode values are missing.' };\n  }\n\n  return { ok: true };\n}\n"],"mappings":";;AA6DA,SAAS,oBAAoB,KAA8B;CACzD,MAAM,IAAI,IAAI;CACd,MAAM,SAA0B,CAAC;CACjC,IAAI,IAAI;CAER,MAAM,eAAe,QAAwB;EAC3C,MAAM,MAAM,IAAI,QAAQ,MAAM,MAAM,CAAC;EACrC,OAAO,QAAQ,KAAK,IAAI,MAAM;CAChC;CAEA,MAAM,cAAc,QAAwB;EAC1C,MAAM,QAAQ,IAAI;EAClB,IAAI,IAAI,MAAM;EACd,OAAO,IAAI,KAAK,IAAI,OAAO,OAAO;GAChC,IAAI,IAAI,OAAO,MAAM;GACrB;EACF;EACA,OAAO,IAAI,IAAI,IAAI,IAAI;CACzB;CAEA,OAAO,IAAI,GAAG;EAEZ,OAAO,IAAI,GAAG;GACZ,MAAM,KAAK,IAAI;GACf,IAAI,OAAO,OAAO,OAAO,OAAQ,OAAO,QAAQ,OAAO,MAAM;IAC3D;IACA;GACF;GACA,IAAI,IAAI,WAAW,MAAM,CAAC,GAAG;IAC3B,IAAI,YAAY,CAAC;IACjB;GACF;GACA;EACF;EACA,IAAI,KAAK,GAAG;EAEZ,MAAM,iBAAiB;EACvB,IAAI,OAAO;EAGX,OAAO,IAAI,KAAK,IAAI,OAAO,OAAO,IAAI,OAAO,KAAK;GAChD,IAAI,IAAI,WAAW,MAAM,CAAC,GAAG;IAC3B,IAAI,YAAY,CAAC;IACjB;GACF;GACA,IAAI,IAAI,OAAO,QAAO,IAAI,OAAO,KAAK;IACpC,MAAM,WAAW;IACjB,IAAI,WAAW,CAAC;IAChB,QAAQ,IAAI,MAAM,UAAU,CAAC;IAC7B;GACF;GACA,QAAQ,IAAI;GACZ;EACF;EAOA,IAAI,KAAK,GAAG;EAEZ,IAAI,IAAI,OAAO,KAAK;GAClB;GACA;EACF;EAGA,IAAI,QAAQ;EACZ,IAAI,IAAI,IAAI;EACZ,OAAO,IAAI,KAAK,QAAQ,GAAG;GACzB,IAAI,IAAI,WAAW,MAAM,CAAC,GAAG;IAC3B,IAAI,YAAY,CAAC;IACjB;GACF;GACA,IAAI,IAAI,OAAO,QAAO,IAAI,OAAO,KAAK;IACpC,IAAI,WAAW,CAAC;IAChB;GACF;GACA,IAAI,IAAI,OAAO,KAAK;QACf,IAAI,IAAI,OAAO,KAAK;GACzB;EACF;EAKA,OAAO,KAAK;GAAE,UAAU,KAAK,KAAK;GAAG,KAAK,IAAI,MAAM,gBAAgB,CAAC;EAAE,CAAC;EACxE,IAAI;CACN;CAEA,OAAO;AACT;AAQA,SAAgB,cAAc,KAAqB;CAIjD,OAFe,oBADI,IAAI,QAAQ,SAAS,IACI,CAC1B,CAAC,CAAC,QAAQ,MAAM,EAAE,aAAa,WAAW,EAAE,aAAa,OACjE,CAAC,CAAC,KAAK,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,MAAM;AAC3C;AASA,SAAgB,iBAAiB,KAAoC;CACnE,MAAM,aAAa,IAAI,QAAQ,SAAS,IAAI;CAC5C,IAAI,WAAW,KAAK,CAAC,CAAC,WAAW,GAC/B,OAAO;EAAE,IAAI;EAAO,QAAQ;CAAsB;CAGpD,MAAM,SAAS,oBAAoB,UAAU;CAC7C,MAAM,UAAU,OAAO,MAAM,MAAM,EAAE,aAAa,OAAO;CACzD,MAAM,UAAU,OAAO,MAAM,MAAM,EAAE,aAAa,OAAO;CAEzD,IAAI,CAAC,SACH,OAAO;EACL,IAAI;EACJ,QACE;CAGJ;CAGF,IAAI,CAAC,SACH,OAAO;EAAE,IAAI;EAAO,QAAQ;CAA8D;CAG5F,OAAO,EAAE,IAAI,KAAK;AACpB"}

package/dist/theme/theme-css.d.cts

@@ -1,3 +1,4 @@
+//#region src/theme/theme-css.d.ts
 /**
  * Pure functions for handling a pasted tweakcn theme.
  *
@@ -20,15 +21,15 @@
  * silently stops working, with no error anywhere.
  */
 type ThemeRecord = {
-    id: string;
-    name: string;
-    css: string;
+  id: string;
+  name: string;
+  css: string;
 };
 type ThemeValidationResult = {
-    ok: true;
+  ok: true;
 } | {
-    ok: false;
-    reason: string;
+  ok: false;
+  reason: string;
 };
 /**
  * Reduces a pasted tweakcn theme to just its `:root { ... }` and
@@ -45,5 +46,6 @@ declare function stripThemeCss(raw: string): string;
  * no `:root` block at all.
  */
 declare function validateThemeCss(css: string): ThemeValidationResult;
-
-export { type ThemeRecord, type ThemeValidationResult, stripThemeCss, validateThemeCss };
+//#endregion
+export { ThemeRecord, ThemeValidationResult, stripThemeCss, validateThemeCss };
+//# sourceMappingURL=theme-css.d.cts.map