@kbach/react 1.0.0-beta.15 → 1.0.0-beta.17

package/dist/vite-plugin.js

@@ -310,709 +310,6 @@ ${block}` : block;
   return true;
 }
 
-// src/vite-plugin/classNameHints.ts
-var STRUCTURAL_TOKENS = [
-  // layout.rs
-  "flex",
-  "flex-row",
-  "flex-col",
-  "flex-row-reverse",
-  "flex-col-reverse",
-  "flex-wrap",
-  "flex-wrap-reverse",
-  "flex-nowrap",
-  "flex-1",
-  "flex-auto",
-  "flex-initial",
-  "flex-none",
-  "flex-grow",
-  "flex-grow-0",
-  "flex-shrink",
-  "flex-shrink-0",
-  "grow",
-  "grow-0",
-  "shrink",
-  "shrink-0",
-  "grid",
-  "block",
-  "inline-block",
-  "inline",
-  "inline-flex",
-  "inline-grid",
-  "contents",
-  "flow-root",
-  "hidden",
-  "items-center",
-  "items-start",
-  "items-end",
-  "items-baseline",
-  "items-stretch",
-  "justify-center",
-  "justify-start",
-  "justify-end",
-  "justify-between",
-  "justify-around",
-  "justify-evenly",
-  "content-start",
-  "content-end",
-  "content-center",
-  "content-between",
-  "content-around",
-  "content-evenly",
-  "content-stretch",
-  "self-auto",
-  "self-center",
-  "self-start",
-  "self-end",
-  "self-stretch",
-  "self-baseline",
-  "overflow-hidden",
-  "overflow-auto",
-  "overflow-scroll",
-  "overflow-visible",
-  "static",
-  "relative",
-  "absolute",
-  "fixed",
-  "sticky",
-  "aspect-square",
-  "aspect-video",
-  "w-full",
-  "h-full",
-  "min-w-full",
-  "max-w-full",
-  "min-h-full",
-  "max-h-full",
-  "w-screen",
-  "h-screen",
-  "min-w-screen",
-  "max-w-screen",
-  "min-h-screen",
-  "max-h-screen",
-  "w-auto",
-  "h-auto",
-  "m-auto",
-  "mx-auto",
-  "my-auto",
-  // grid.rs — web-only (see the module's own doc comment for why)
-  "grid-cols-none",
-  "grid-rows-none",
-  "grid-flow-row",
-  "grid-flow-col",
-  "grid-flow-dense",
-  "grid-flow-row-dense",
-  "grid-flow-col-dense",
-  "auto-cols-auto",
-  "auto-cols-min",
-  "auto-cols-max",
-  "auto-cols-fr",
-  "auto-rows-auto",
-  "auto-rows-min",
-  "auto-rows-max",
-  "auto-rows-fr",
-  "col-span-full",
-  "row-span-full",
-  "col-start-auto",
-  "col-end-auto",
-  "row-start-auto",
-  "row-end-auto",
-  "col",
-  "col-auto",
-  "row",
-  "row-auto",
-  "place-items-start",
-  "place-items-end",
-  "place-items-center",
-  "place-items-stretch",
-  "place-items-baseline",
-  "place-content-start",
-  "place-content-end",
-  "place-content-center",
-  "place-content-stretch",
-  "place-content-between",
-  "place-content-around",
-  "place-content-evenly",
-  "place-content-baseline",
-  "place-self-auto",
-  "place-self-start",
-  "place-self-end",
-  "place-self-center",
-  "place-self-stretch",
-  "justify-items-start",
-  "justify-items-end",
-  "justify-items-center",
-  "justify-items-stretch",
-  "justify-self-auto",
-  "justify-self-start",
-  "justify-self-end",
-  "justify-self-center",
-  "justify-self-stretch",
-  // transform.rs — web-only (see the module's own doc comment for why)
-  "transform-none",
-  "origin-center",
-  "origin-top",
-  "origin-top-right",
-  "origin-right",
-  "origin-bottom-right",
-  "origin-bottom",
-  "origin-bottom-left",
-  "origin-left",
-  "origin-top-left",
-  // filters.rs — web-only (see the module's own doc comment for why)
-  "blur",
-  "blur-sm",
-  "blur-md",
-  "blur-lg",
-  "blur-xl",
-  "blur-2xl",
-  "blur-3xl",
-  "blur-none",
-  "grayscale",
-  "grayscale-0",
-  "invert",
-  "invert-0",
-  "sepia",
-  "sepia-0",
-  "drop-shadow",
-  "drop-shadow-sm",
-  "drop-shadow-md",
-  "drop-shadow-lg",
-  "drop-shadow-xl",
-  "drop-shadow-2xl",
-  "drop-shadow-none",
-  "filter-none",
-  "backdrop-filter-none",
-  "backdrop-blur",
-  "backdrop-blur-sm",
-  "backdrop-blur-md",
-  "backdrop-blur-lg",
-  "backdrop-blur-xl",
-  "backdrop-blur-2xl",
-  "backdrop-blur-3xl",
-  "backdrop-blur-none",
-  "backdrop-grayscale",
-  "backdrop-grayscale-0",
-  "backdrop-invert",
-  "backdrop-invert-0",
-  "backdrop-sepia",
-  "backdrop-sepia-0",
-  // border.rs
-  "border",
-  "border-t",
-  "border-r",
-  "border-b",
-  "border-l",
-  "rounded",
-  "rounded-none",
-  "rounded-sm",
-  "rounded-md",
-  "rounded-lg",
-  "rounded-xl",
-  "rounded-2xl",
-  "rounded-3xl",
-  "rounded-full",
-  "ring",
-  "ring-0",
-  "ring-1",
-  "ring-2",
-  "ring-4",
-  "ring-8",
-  "ring-inset",
-  "ring-offset-0",
-  "ring-offset-1",
-  "ring-offset-2",
-  "ring-offset-4",
-  "ring-offset-8",
-  "outline",
-  "outline-none",
-  "border-solid",
-  "border-dashed",
-  "border-dotted",
-  "border-none",
-  // typography.rs
-  "font-thin",
-  "font-normal",
-  "font-medium",
-  "font-semibold",
-  "font-bold",
-  "font-extrabold",
-  "uppercase",
-  "lowercase",
-  "capitalize",
-  "underline",
-  "line-through",
-  "no-underline",
-  "truncate",
-  "text-xs",
-  "text-sm",
-  "text-base",
-  "text-lg",
-  "text-xl",
-  "text-2xl",
-  "text-3xl",
-  "text-4xl",
-  "text-left",
-  "text-center",
-  "text-right",
-  "text-justify",
-  // typography.rs — Phase 20 (typography completeness)
-  "italic",
-  "not-italic",
-  "leading-none",
-  "leading-tight",
-  "leading-snug",
-  "leading-normal",
-  "leading-relaxed",
-  "leading-loose",
-  "tracking-tighter",
-  "tracking-tight",
-  "tracking-normal",
-  "tracking-wide",
-  "tracking-wider",
-  "tracking-widest",
-  "decoration-auto",
-  "decoration-from-font",
-  "decoration-solid",
-  "decoration-dashed",
-  "decoration-dotted",
-  "decoration-double",
-  "decoration-wavy",
-  "underline-offset-auto",
-  "underline-offset-0",
-  "underline-offset-1",
-  "underline-offset-2",
-  "underline-offset-4",
-  "underline-offset-8",
-  "text-wrap",
-  "text-nowrap",
-  "text-balance",
-  "text-pretty",
-  "whitespace-normal",
-  "whitespace-nowrap",
-  "whitespace-pre",
-  "whitespace-pre-wrap",
-  "whitespace-pre-line",
-  "break-normal",
-  "break-words",
-  "break-all",
-  "align-baseline",
-  "align-top",
-  "align-middle",
-  "align-bottom",
-  "align-text-top",
-  "align-text-bottom",
-  "align-sub",
-  "align-super",
-  "list-none",
-  "list-disc",
-  "list-decimal",
-  "list-inside",
-  "list-outside",
-  "hyphens-none",
-  "hyphens-manual",
-  "hyphens-auto",
-  // effects.rs
-  "shadow",
-  "shadow-sm",
-  "shadow-md",
-  "shadow-lg",
-  "shadow-xl",
-  "shadow-2xl",
-  "shadow-inner",
-  "shadow-none",
-  "transition",
-  "transition-none",
-  "ease-linear",
-  "ease-in",
-  "ease-out",
-  "ease-in-out",
-  "cursor-pointer",
-  "cursor-default",
-  "cursor-not-allowed",
-  "cursor-wait",
-  "select-none",
-  "select-text",
-  "select-all",
-  "pointer-events-none",
-  "pointer-events-auto",
-  // effects.rs — Phase 22 (effects completeness)
-  "text-shadow",
-  "text-shadow-sm",
-  "text-shadow-lg",
-  "text-shadow-none",
-  "mix-blend-normal",
-  "mix-blend-multiply",
-  "mix-blend-screen",
-  "mix-blend-overlay",
-  "mix-blend-darken",
-  "mix-blend-lighten",
-  "mix-blend-color-dodge",
-  "mix-blend-color-burn",
-  "mix-blend-hard-light",
-  "mix-blend-soft-light",
-  "mix-blend-difference",
-  "mix-blend-exclusion",
-  "mix-blend-hue",
-  "mix-blend-saturation",
-  "mix-blend-color",
-  "mix-blend-luminosity",
-  "mix-blend-plus-lighter",
-  "bg-blend-normal",
-  "bg-blend-multiply",
-  "bg-blend-screen",
-  "bg-blend-overlay",
-  "bg-blend-darken",
-  "bg-blend-lighten",
-  "bg-blend-color-dodge",
-  "bg-blend-color-burn",
-  "bg-blend-hard-light",
-  "bg-blend-soft-light",
-  "bg-blend-difference",
-  "bg-blend-exclusion",
-  "bg-blend-hue",
-  "bg-blend-saturation",
-  "bg-blend-color",
-  "bg-blend-luminosity",
-  "bg-blend-plus-lighter",
-  "animate-spin",
-  "animate-ping",
-  "animate-pulse",
-  "animate-bounce",
-  "animate-none",
-  // interactivity.rs — Phase 23 (interactivity & sizing rest)
-  "resize",
-  "resize-none",
-  "resize-y",
-  "resize-x",
-  "touch-auto",
-  "touch-none",
-  "touch-pan-x",
-  "touch-pan-left",
-  "touch-pan-right",
-  "touch-pan-y",
-  "touch-pan-up",
-  "touch-pan-down",
-  "touch-pinch-zoom",
-  "touch-manipulation",
-  "will-change-auto",
-  "will-change-scroll",
-  "will-change-contents",
-  "will-change-transform",
-  "sr-only",
-  "not-sr-only",
-  "border-collapse",
-  "border-separate",
-  "table-auto",
-  "table-fixed",
-  "caption-top",
-  "caption-bottom",
-  "stroke-width-0",
-  "stroke-width-1",
-  "stroke-width-2",
-  // spacing.rs — Phase 23 (size-* shorthand + fraction-based width/height)
-  "size-full",
-  "size-auto",
-  "size-px",
-  "w-1/2",
-  "w-1/3",
-  "w-2/3",
-  "w-1/4",
-  "w-2/4",
-  "w-3/4",
-  "w-1/5",
-  "w-2/5",
-  "w-3/5",
-  "w-4/5",
-  "w-1/6",
-  "w-5/6",
-  "w-1/12",
-  "w-5/12",
-  "w-7/12",
-  "w-11/12",
-  "h-1/2",
-  "h-1/3",
-  "h-2/3",
-  "h-1/4",
-  "h-2/4",
-  "h-3/4",
-  "h-1/5",
-  "h-2/5",
-  "h-3/5",
-  "h-4/5",
-  "h-1/6",
-  "h-5/6",
-  // scroll.rs — Phase 23 (scroll-behavior/-margin/-padding, scroll-snap)
-  "scroll-auto",
-  "scroll-smooth",
-  "snap-start",
-  "snap-end",
-  "snap-center",
-  "snap-align-none",
-  "snap-normal",
-  "snap-always",
-  "snap-none",
-  "snap-x",
-  "snap-y",
-  "snap-both",
-  "snap-mandatory",
-  "snap-proximity",
-  // divide.rs
-  "divide-x",
-  "divide-y",
-  // background.rs — web-only (see the module's own doc comment for why)
-  "bg-top",
-  "bg-bottom",
-  "bg-left",
-  "bg-right",
-  "bg-center",
-  "bg-left-top",
-  "bg-left-bottom",
-  "bg-right-top",
-  "bg-right-bottom",
-  "bg-auto",
-  "bg-cover",
-  "bg-contain",
-  "bg-repeat",
-  "bg-no-repeat",
-  "bg-repeat-x",
-  "bg-repeat-y",
-  "bg-repeat-round",
-  "bg-repeat-space",
-  "bg-fixed",
-  "bg-local",
-  "bg-scroll",
-  "bg-clip-border",
-  "bg-clip-padding",
-  "bg-clip-content",
-  "bg-clip-text",
-  "bg-origin-border",
-  "bg-origin-padding",
-  "bg-origin-content",
-  "bg-none",
-  "bg-linear-to-t",
-  "bg-linear-to-tr",
-  "bg-linear-to-r",
-  "bg-linear-to-br",
-  "bg-linear-to-b",
-  "bg-linear-to-bl",
-  "bg-linear-to-l",
-  "bg-linear-to-tl",
-  "bg-radial",
-  "bg-conic",
-  // Ancestor/sibling-state marker classes — carry no styles of their own,
-  // just a selector target for group-hover:/peer-hover:/etc. below (see
-  // unknownClassWarnings.ts's MARKER_CLASSES for why they need special
-  // handling there too).
-  "group",
-  "peer",
-  // registry.rs modifiers — bare tokens only, not composed with a
-  // following utility (see this module's doc header / the Phase 15 plan).
-  "hover:",
-  "focus:",
-  "focus-visible:",
-  "focus-within:",
-  "active:",
-  "visited:",
-  "disabled:",
-  "checked:",
-  "group-hover:",
-  "group-focus:",
-  "peer-hover:",
-  "peer-focus:",
-  "peer-checked:",
-  "dark:",
-  "motion-safe:",
-  "motion-reduce:",
-  "print:",
-  "sm:",
-  "md:",
-  "lg:",
-  "xl:",
-  "2xl:",
-  // registry.rs modifiers — Phase 24 (expanded variant system), the
-  // FIXED/static additions only. Deliberately excluded: every genuinely
-  // parameterized modifier (has-[...]/group-has-[...]/peer-has-[...]/
-  // data-[...]/aria-[...]/not-[...]/min-[...]/max-[...], and the
-  // generalized group-<pseudo>/peer-<pseudo> beyond the five hardcoded
-  // combos above) — these have no finite enumerable set (their whole point
-  // is arbitrary user-supplied content), so there's nothing meaningful to
-  // suggest beyond the bare prefix, same reasoning as every other
-  // arbitrary-value exclusion in this file. `not-hover:`/`not-disabled:`/
-  // etc. (wrapping a KNOWN static modifier) are excluded for the same
-  // reason — enumerable in principle, but a full cross-product with every
-  // modifier above would be more noise than signal for an editor hint list.
-  "first:",
-  "last:",
-  "only:",
-  "odd:",
-  "even:",
-  "open:",
-  "inert:",
-  "aria-checked:",
-  "aria-disabled:",
-  "aria-expanded:",
-  "aria-hidden:",
-  "aria-pressed:",
-  "aria-readonly:",
-  "aria-required:",
-  "aria-selected:",
-  "aria-busy:",
-  // registry.rs modifiers, added later — same "fixed/static, finite" bar
-  // as the Phase 24 block above. Structural -of-type/empty, form-state and
-  // validation pseudo-classes, other native pseudo-classes with no aria-*
-  // counterpart, a pseudo-element, pointer media variants, and the
-  // direct-children/all-descendants variants. "supports-[...]:"/"in-*:" are
-  // deliberately excluded here for the same "no finite enumerable set"
-  // reason as has-[...]:/group-<pseudo>: above.
-  "first-of-type:",
-  "last-of-type:",
-  "only-of-type:",
-  "empty:",
-  "enabled:",
-  "read-only:",
-  "required:",
-  "optional:",
-  "valid:",
-  "invalid:",
-  "in-range:",
-  "out-of-range:",
-  "default:",
-  "indeterminate:",
-  "placeholder-shown:",
-  "autofill:",
-  "user-valid:",
-  "user-invalid:",
-  "target:",
-  "fullscreen:",
-  "popover-open:",
-  "details-content:",
-  "pointer-coarse:",
-  "pointer-fine:",
-  "any-pointer-coarse:",
-  "any-pointer-fine:",
-  "*:",
-  "**:",
-  // Phase 25 (container queries & arbitrary properties). "@container" is a
-  // real UTILITY (container-type: inline-size), not a modifier — included
-  // as a bare token like "flex"/"hidden" above, not with the trailing ":"
-  // the modifier tokens below get. "@sm:"/"@md:"/"@lg:"/"@xl:"/"@2xl:" are
-  // container-responsive modifiers (registry.rs's `is_container_responsive`),
-  // and "starting:" wraps in @starting-style. Deliberately excluded, same
-  // "no finite enumerable set" reasoning as Phase 24's exclusions:
-  // "@min-[...]:"/"@max-[...]:" (arbitrary container breakpoints) and every
-  // `[property:value]` arbitrary property — both are open-ended by design.
-  "@container",
-  "@sm:",
-  "@md:",
-  "@lg:",
-  "@xl:",
-  "@2xl:",
-  "starting:"
-];
-var COLOR_PREFIXES = [
-  "bg-",
-  "text-",
-  "border-",
-  "divide-",
-  "decoration-",
-  "from-",
-  "via-",
-  "to-",
-  "text-shadow-",
-  "ring-",
-  "ring-offset-",
-  "caret-",
-  "accent-",
-  "fill-",
-  "stroke-"
-];
-var SPACING_PREFIXES = [
-  "p-",
-  "px-",
-  "py-",
-  "pt-",
-  "pr-",
-  "pb-",
-  "pl-",
-  "m-",
-  "mx-",
-  "my-",
-  "mt-",
-  "mr-",
-  "mb-",
-  "ml-",
-  "gap-",
-  "gap-x-",
-  "gap-y-",
-  "w-",
-  "h-",
-  "min-w-",
-  "max-w-",
-  "min-h-",
-  "max-h-",
-  "size-",
-  "top-",
-  "right-",
-  "bottom-",
-  "left-",
-  "inset-",
-  "space-x-",
-  "space-y-",
-  "indent-",
-  "scroll-m-",
-  "scroll-mx-",
-  "scroll-my-",
-  "scroll-mt-",
-  "scroll-mr-",
-  "scroll-mb-",
-  "scroll-ml-",
-  "scroll-p-",
-  "scroll-px-",
-  "scroll-py-",
-  "scroll-pt-",
-  "scroll-pr-",
-  "scroll-pb-",
-  "scroll-pl-"
-];
-var SIZE_PREFIXES = ["w-", "h-", "min-w-", "max-w-", "min-h-", "max-h-", "size-"];
-var NAMED_SIZES = ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
-function buildClassTokens(theme) {
-  const tokens = new Set(STRUCTURAL_TOKENS);
-  for (const colorKey of Object.keys(theme.colors)) {
-    for (const prefix of COLOR_PREFIXES) tokens.add(`${prefix}${colorKey}`);
-  }
-  for (const spacingKey of Object.keys(theme.spacing)) {
-    for (const prefix of SPACING_PREFIXES) tokens.add(`${prefix}${spacingKey}`);
-  }
-  for (const size of NAMED_SIZES) {
-    for (const prefix of SIZE_PREFIXES) tokens.add(`${prefix}${size}`);
-  }
-  return Array.from(tokens).sort();
-}
-function buildClassNameHintsDts(tokens) {
-  const literals = tokens.map((t) => `  | '${t}'`).join("\n");
-  return [
-    "// Generated by Kbach \u2014 do not edit",
-    "// Editor autocomplete for className \u2014 see packages/react/src/vite-plugin/classNameHints.ts",
-    "",
-    "type KbachClassToken =",
-    literals,
-    ";",
-    "",
-    "export type KbachClassName = KbachClassToken | `${string} ${KbachClassToken}` | (string & {});",
-    "",
-    "declare module 'react' {",
-    "  interface HTMLAttributes<T> {",
-    "    className?: KbachClassName | undefined;",
-    "  }",
-    "  interface SVGAttributes<T> {",
-    "    className?: KbachClassName | undefined;",
-    "  }",
-    "}",
-    ""
-  ].join("\n");
-}
-
 // src/generatedPalette.ts
 var PALETTE = {
   "amber-1": "#fffbeb",
@@ -1704,8 +1001,8 @@ function scanDir(dir, onFile, depth = 0, fileMatch = DEFAULT_FILE_MATCH) {
 
 // src/vite-plugin/unknownClassWarnings.ts
 var import_path2 = require("path");
-var CSS_CLASS_SELECTOR_RE = /\.(-?[a-zA-Z_][a-zA-Z0-9_-]*)/g;
-var CSS_FILE_RE = /\.(css|scss|sass|less)$/;
+
+// src/terminalWarn.ts
 var useColor = !!process.stdout?.isTTY && !process.env.NO_COLOR;
 var paint = (code, s) => useColor ? `\x1B[${code}m${s}\x1B[0m` : s;
 var green = (s) => paint("32", s);
@@ -1713,9 +1010,14 @@ var blue = (s) => paint("34", s);
 var white = (s) => paint("97", s);
 var gray = (s) => paint("90", s);
 var bold = (s) => paint("1", s);
-var ARROW = () => green("\u2192");
-var TAG = () => bold(green("[kbach]"));
 var highlight = (s) => bold(white(s));
+function kbachTag() {
+  return `${green("\u2192")} ${bold(green("[Kbach]"))}`;
+}
+
+// src/vite-plugin/unknownClassWarnings.ts
+var CSS_CLASS_SELECTOR_RE = /\.(-?[a-zA-Z_][a-zA-Z0-9_-]*)/g;
+var CSS_FILE_RE = /\.(css|scss|sass|less)$/;
 function findLineCol(code, needle) {
   const index = code.indexOf(needle);
   if (index === -1) return null;
@@ -1753,7 +1055,7 @@ function warnIfUnknownClass(token, filePath, code, isResolvable, projectCssClass
   const pos = findLineCol(code, token);
   const location = pos ? `${blue(filePath)}${green(`:${pos.line}:${pos.column}`)}` : blue(filePath);
   console.warn(
-    `${ARROW()} ${TAG()} ${gray("Unknown class")} ${highlight(token)} ${gray("\u2014 no Kbach utility or project CSS rule matches it. Typo?")}
+    `${kbachTag()} ${gray("Unknown class")} ${highlight(token)} ${gray("\u2014 no Kbach utility or project CSS rule matches it. Typo?")}
   ${bold("at")} ${location}`
   );
 }
@@ -1905,13 +1207,6 @@ function kbach(options = {}) {
   function mainCSSFile() {
     return mainCSSFilePath;
   }
-  function classNameHintsFile() {
-    return (0, import_path4.join)(root, ".kbach", "kbach-classnames.d.ts");
-  }
-  function writeClassNameHints() {
-    const dts = buildClassNameHintsDts(buildClassTokens(theme));
-    writeFileEnsuringDir(classNameHintsFile(), dts);
-  }
   function syncMainCSSFile(server) {
     const changed = writeKbachToFile(mainCSSFile(), engine.generateCSS(), readSourceFile, writeFileEnsuringDir);
     if (changed && server) server.watcher.emit("change", mainCSSFile());
@@ -1938,7 +1233,6 @@ function kbach(options = {}) {
       engine.initialScan();
       engine.processSafelist();
       writeKbachToFile(mainCSSFile(), engine.generateCSS(), readSourceFile, writeFileEnsuringDir);
-      writeClassNameHints();
     },
     // handleHotUpdate covers edits; add/unlink (create/delete) land on the
     // raw watcher instead — Vite's handleHotUpdate hook only fires for