@ggui-ai/ui-gen 0.26.0 → 0.27.0

package/dist/check/index.d.ts

@@ -1,6 +1,6 @@
 import { DataContract, JsonObject, PropsSpec, ActionSpec, StreamSpec } from '@ggui-ai/protocol';
 import { D as DesignMode } from '../design-mode-DGWN_Gkm.js';
-import { e as EvalResult, E as EvalIssue } from '../types-public-B7wn4ce5.js';
+import { e as EvalResult, E as EvalIssue } from '../types-public-h8IMnYuh.js';
 export { j as jsonSchemaTypeToTs } from '../json-schema-ts-CbB78b3n.js';
 import '../llm.js';
 import '@ggui-ai/mcp-server-core';
@@ -211,12 +211,6 @@ interface ReactLintDiagnostic {
  */
 declare function lintReactHooks(code: string): Promise<ReactLintDiagnostic[]>;
 
-/**
- * Run all tier 0 (deterministic, no-LLM) checks against component source.
- *
- * Wraps the same logic as runSelfChecks (adapters/tools.ts) but emits EvalIssue[].
- * Also runs contract validation when contract are provided.
- */
 declare function runTier0Checks(sourceCode: string, contract?: DataContract, buildErrors?: string[], 
 /**
  * A `package -> .d.ts content` map for third-party gadget wrappers.

package/dist/check/index.js

@@ -879,10 +879,7 @@ function generateReactFix(ruleId, message) {
 
 // src/design-mode.ts
 var DEFAULT_DESIGN_MODE = "constrained";
-var NOT_YET_TAUGHT_TOKENS = /* @__PURE__ */ new Set([
-  "--ggui-color-controlAccentOutline",
-  "--ggui-color-controlOutline"
-]);
+var NOT_YET_TAUGHT_TOKENS = /* @__PURE__ */ new Set([]);
 var taughtTokenManifest = consumedTokenManifest.filter(
   (token) => !NOT_YET_TAUGHT_TOKENS.has(token)
 );
@@ -1159,6 +1156,41 @@ function detectComponentNeverReturns(sourceCode) {
   for (const st of body.statements) if (!isFunctionLike(st)) visit(st);
   return returnsValue ? null : { jsxStatementLine };
 }
+var KIT_CONTROLS = ["Button", "Input", "Select", "TextArea", "Checkbox", "RadioGroup", "Toggle", "SearchField"];
+function kitControlTags(source) {
+  const out = [];
+  const open = new RegExp(`<(${KIT_CONTROLS.join("|")})\\b`, "g");
+  for (const m of source.matchAll(open)) {
+    const start = (m.index ?? 0) + m[0].length;
+    let depth = 0;
+    let quote = null;
+    let i = start;
+    for (; i < source.length; i += 1) {
+      const c = source[i];
+      if (quote !== null) {
+        if (c === quote && source[i - 1] !== "\\") quote = null;
+      } else if (c === '"' || c === "'" || c === "`") quote = c;
+      else if (c === "{") depth += 1;
+      else if (c === "}") depth -= 1;
+      else if (c === ">" && depth === 0) break;
+    }
+    out.push({ name: m[1] ?? "", attrs: source.slice(start, i), line: source.slice(0, m.index ?? 0).split("\n").length });
+  }
+  return out;
+}
+function inlineBorderKey(attrs, source) {
+  const BORDER = /\b(border(?:Top|Right|Bottom|Left)?(?:Color|Width|Style)?)\s*:/;
+  const style = attrs.match(/\bstyle=\{\{([\s\S]*)\}\}/);
+  if (style !== null) {
+    const hit2 = (style[1] ?? "").match(BORDER);
+    if (hit2 !== null) return hit2[1] ?? null;
+  }
+  const named = attrs.match(/\bstyle=\{\s*([A-Za-z_$][\w$]*)\s*\}/);
+  if (named === null) return null;
+  const decl = source.match(new RegExp(`\\b(?:const|let)\\s+${named[1]}\\b[^=]*=\\s*\\{([^{}]*)\\}`));
+  const hit = decl !== null ? (decl[1] ?? "").match(BORDER) : null;
+  return hit !== null ? hit[1] ?? null : null;
+}
 async function runTier0Checks(sourceCode, contract, buildErrors, gadgetTypes, designMode = DEFAULT_DESIGN_MODE) {
   const issues = [];
   const lines = sourceCode.split("\n");
@@ -1556,6 +1588,20 @@ ${errorDetail}`,
       });
     }
   }
+  for (const tag of enforceDesignVocabulary ? kitControlTags(sourceCode) : []) {
+    const key = inlineBorderKey(tag.attrs, sourceCode);
+    if (key === null) continue;
+    issues.push({
+      tier: 0,
+      result: "fail",
+      category: "tokens",
+      subcategory: "control-inline-border",
+      severity: "critical",
+      description: `control-inline-border: <${tag.name}> sets an inline \`${key}\` \u2014 a kit control draws its own boundary, and an inline border paints over it`,
+      fix: `Remove the border from <${tag.name}>'s style (keep borderRadius if you need it). An outline chip is <Button variant="outline"> exactly as it comes; a control-like edge on your own element uses var(--ggui-color-controlOutline).`,
+      line: tag.line
+    });
+  }
   if (!sourceCode.includes("interface Props") && !sourceCode.includes("type Props")) {
     issues.push({
       tier: 0,