@ufira/vibma 0.2.2 → 0.3.1

package/dist/utils/color.cjs

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/color.ts
+var color_exports = {};
+__export(color_exports, {
+  rgbaToHex: () => rgbaToHex
+});
+module.exports = __toCommonJS(color_exports);
+function rgbaToHex(color) {
+  if (typeof color === "string" && color.startsWith("#")) return color;
+  const r = Math.round(color.r * 255);
+  const g = Math.round(color.g * 255);
+  const b = Math.round(color.b * 255);
+  const a = color.a !== void 0 ? Math.round(color.a * 255) : 255;
+  const hex = [r, g, b].map((x) => x.toString(16).padStart(2, "0")).join("");
+  return a === 255 ? `#${hex}` : `#${hex}${a.toString(16).padStart(2, "0")}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  rgbaToHex
+});
+//# sourceMappingURL=color.cjs.map

package/dist/utils/color.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/color.ts"],"sourcesContent":["/** Convert RGBA (0-1 float) to hex string. Handles both server and plugin contexts. */\nexport function rgbaToHex(color: any): string {\n  if (typeof color === \"string\" && color.startsWith(\"#\")) return color;\n\n  const r = Math.round(color.r * 255);\n  const g = Math.round(color.g * 255);\n  const b = Math.round(color.b * 255);\n  const a = color.a !== undefined ? Math.round(color.a * 255) : 255;\n\n  const hex = [r, g, b].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\");\n  return a === 255 ? `#${hex}` : `#${hex}${a.toString(16).padStart(2, \"0\")}`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,SAAS,UAAU,OAAoB;AAC5C,MAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG,EAAG,QAAO;AAE/D,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,MAAM,MAAM,SAAY,KAAK,MAAM,MAAM,IAAI,GAAG,IAAI;AAE9D,QAAM,MAAM,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AACzE,SAAO,MAAM,MAAM,IAAI,GAAG,KAAK,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAC1E;","names":[]}

package/dist/utils/color.d.cts

@@ -0,0 +1,4 @@
+/** Convert RGBA (0-1 float) to hex string. Handles both server and plugin contexts. */
+declare function rgbaToHex(color: any): string;
+
+export { rgbaToHex };

package/dist/utils/color.d.ts

@@ -0,0 +1,4 @@
+/** Convert RGBA (0-1 float) to hex string. Handles both server and plugin contexts. */
+declare function rgbaToHex(color: any): string;
+
+export { rgbaToHex };

package/dist/utils/color.js

@@ -0,0 +1,14 @@
+// src/utils/color.ts
+function rgbaToHex(color) {
+  if (typeof color === "string" && color.startsWith("#")) return color;
+  const r = Math.round(color.r * 255);
+  const g = Math.round(color.g * 255);
+  const b = Math.round(color.b * 255);
+  const a = color.a !== void 0 ? Math.round(color.a * 255) : 255;
+  const hex = [r, g, b].map((x) => x.toString(16).padStart(2, "0")).join("");
+  return a === 255 ? `#${hex}` : `#${hex}${a.toString(16).padStart(2, "0")}`;
+}
+export {
+  rgbaToHex
+};
+//# sourceMappingURL=color.js.map

package/dist/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/color.ts"],"sourcesContent":["/** Convert RGBA (0-1 float) to hex string. Handles both server and plugin contexts. */\nexport function rgbaToHex(color: any): string {\n  if (typeof color === \"string\" && color.startsWith(\"#\")) return color;\n\n  const r = Math.round(color.r * 255);\n  const g = Math.round(color.g * 255);\n  const b = Math.round(color.b * 255);\n  const a = color.a !== undefined ? Math.round(color.a * 255) : 255;\n\n  const hex = [r, g, b].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\");\n  return a === 255 ? `#${hex}` : `#${hex}${a.toString(16).padStart(2, \"0\")}`;\n}\n"],"mappings":";AACO,SAAS,UAAU,OAAoB;AAC5C,MAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG,EAAG,QAAO;AAE/D,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAClC,QAAM,IAAI,MAAM,MAAM,SAAY,KAAK,MAAM,MAAM,IAAI,GAAG,IAAI;AAE9D,QAAM,MAAM,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AACzE,SAAO,MAAM,MAAM,IAAI,GAAG,KAAK,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC;AAC1E;","names":[]}

package/dist/utils/wcag.cjs

@@ -0,0 +1,123 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/wcag.ts
+var wcag_exports = {};
+__export(wcag_exports, {
+  alphaComposite: () => alphaComposite,
+  checkContrastPair: () => checkContrastPair,
+  contrastRatio: () => contrastRatio,
+  formatContrastFailures: () => formatContrastFailures,
+  inferFontWeight: () => inferFontWeight,
+  isLargeText: () => isLargeText,
+  looksInteractive: () => looksInteractive,
+  srgbRelativeLuminance: () => srgbRelativeLuminance
+});
+module.exports = __toCommonJS(wcag_exports);
+function srgbRelativeLuminance(r, g, b) {
+  const linearize = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  return 0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b);
+}
+function contrastRatio(l1, l2) {
+  const lighter = Math.max(l1, l2);
+  const darker = Math.min(l1, l2);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function alphaComposite(fgR, fgG, fgB, fgA, bgR, bgG, bgB) {
+  return {
+    r: fgR * fgA + bgR * (1 - fgA),
+    g: fgG * fgA + bgG * (1 - fgA),
+    b: fgB * fgA + bgB * (1 - fgA)
+  };
+}
+function checkContrastPair(fg, bg, large = false) {
+  const fgLum = srgbRelativeLuminance(fg.r, fg.g, fg.b);
+  const bgLum = srgbRelativeLuminance(bg.r, bg.g, bg.b);
+  const ratio = contrastRatio(fgLum, bgLum);
+  const aaRequired = large ? 3 : 4.5;
+  const aaaRequired = large ? 4.5 : 7;
+  return {
+    ratio: Math.round(ratio * 100) / 100,
+    passesAA: ratio >= aaRequired,
+    passesAAA: ratio >= aaaRequired,
+    aaRequired,
+    aaaRequired
+  };
+}
+function isLargeText(fontSize, fontWeight) {
+  if (fontSize >= 24) return true;
+  if (fontSize >= 18.66 && fontWeight >= 700) return true;
+  return false;
+}
+function inferFontWeight(fontStyle) {
+  const s = fontStyle.toLowerCase();
+  if (s.includes("thin") || s.includes("hairline")) return 100;
+  if (s.includes("extralight") || s.includes("extra light") || s.includes("ultralight")) return 200;
+  if (s.includes("light")) return 300;
+  if (s.includes("regular") || s.includes("normal") || s === "roman") return 400;
+  if (s.includes("medium")) return 500;
+  if (s.includes("semibold") || s.includes("semi bold") || s.includes("demibold")) return 600;
+  if (s.includes("extrabold") || s.includes("extra bold") || s.includes("ultrabold")) return 800;
+  if (s.includes("bold")) return 700;
+  if (s.includes("black") || s.includes("heavy")) return 900;
+  return 400;
+}
+var INTERACTIVE_NAME_PATTERN = /\b(button|btn|link|tab|toggle|switch|checkbox|radio|chip|badge|tag|cta|menu[-_]?item|nav[-_]?item|input|select|dropdown|close|action|icon[-_]?button)\b/i;
+function looksInteractive(node) {
+  if (node.type === "COMPONENT" || node.type === "INSTANCE") return true;
+  if (node.type === "FRAME" && INTERACTIVE_NAME_PATTERN.test(node.name)) return true;
+  return false;
+}
+function formatContrastFailures(newColor, existingColors) {
+  let worstRatio = Infinity;
+  let worstName = "";
+  let failCount = 0;
+  for (const existing of existingColors) {
+    const result = checkContrastPair(newColor, existing.color);
+    if (!result.passesAA) {
+      failCount++;
+      if (result.ratio < worstRatio) {
+        worstRatio = result.ratio;
+        worstName = existing.name;
+      }
+    }
+  }
+  const parts = [];
+  if (failCount > 0) {
+    parts.push(`Fails AA against ${failCount} style${failCount > 1 ? "s" : ""} (worst: ${worstRatio}:1 vs '${worstName}')`);
+  }
+  const whiteResult = checkContrastPair(newColor, { r: 1, g: 1, b: 1 });
+  const blackResult = checkContrastPair(newColor, { r: 0, g: 0, b: 0 });
+  if (whiteResult.ratio < 3 && blackResult.ratio < 3) {
+    parts.push("<3:1 vs both white & black");
+  }
+  if (parts.length === 0) return null;
+  return "WCAG: " + parts.join(". ") + ".";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  alphaComposite,
+  checkContrastPair,
+  contrastRatio,
+  formatContrastFailures,
+  inferFontWeight,
+  isLargeText,
+  looksInteractive,
+  srgbRelativeLuminance
+});
+//# sourceMappingURL=wcag.cjs.map

package/dist/utils/wcag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/wcag.ts"],"sourcesContent":["// ─── WCAG 2.2 Accessibility Utilities ────────────────────────────\n// Shared functions for contrast checking, luminance calculation, and\n// accessibility heuristics. Used by lint rules and creation-time recommendations.\n\n\n\n// ─── Types ──────────────────────────────────────────────────────\n\nexport interface SolidColor {\n  r: number; g: number; b: number; a: number;\n}\n\nexport interface ContrastResult {\n  ratio: number;\n  passesAA: boolean;\n  passesAAA: boolean;\n  aaRequired: number;\n  aaaRequired: number;\n}\n\n// ─── Core WCAG Calculations ─────────────────────────────────────\n\n/**\n * WCAG 2.2 relative luminance from sRGB channels (0-1 float).\n * https://www.w3.org/TR/WCAG22/#dfn-relative-luminance\n */\nexport function srgbRelativeLuminance(r: number, g: number, b: number): number {\n  const linearize = (c: number) =>\n    c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n  return 0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b);\n}\n\n/**\n * WCAG contrast ratio between two relative luminances.\n * Always returns a value >= 1.0.\n */\nexport function contrastRatio(l1: number, l2: number): number {\n  const lighter = Math.max(l1, l2);\n  const darker = Math.min(l1, l2);\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\n/**\n * Composite a foreground RGBA color over an opaque background RGB.\n * Returns the resulting opaque RGB (0-1 float).\n */\nexport function alphaComposite(\n  fgR: number, fgG: number, fgB: number, fgA: number,\n  bgR: number, bgG: number, bgB: number,\n): { r: number; g: number; b: number } {\n  return {\n    r: fgR * fgA + bgR * (1 - fgA),\n    g: fgG * fgA + bgG * (1 - fgA),\n    b: fgB * fgA + bgB * (1 - fgA),\n  };\n}\n\n/**\n * Check contrast between two colors for both AA and AAA levels.\n * `large` = true for large text (relaxed requirements).\n */\nexport function checkContrastPair(\n  fg: { r: number; g: number; b: number },\n  bg: { r: number; g: number; b: number },\n  large = false,\n): ContrastResult {\n  const fgLum = srgbRelativeLuminance(fg.r, fg.g, fg.b);\n  const bgLum = srgbRelativeLuminance(bg.r, bg.g, bg.b);\n  const ratio = contrastRatio(fgLum, bgLum);\n  const aaRequired = large ? 3.0 : 4.5;\n  const aaaRequired = large ? 4.5 : 7.0;\n  return {\n    ratio: Math.round(ratio * 100) / 100,\n    passesAA: ratio >= aaRequired,\n    passesAAA: ratio >= aaaRequired,\n    aaRequired,\n    aaaRequired,\n  };\n}\n\n// ─── Text Helpers ───────────────────────────────────────────────\n\n/**\n * WCAG \"large text\": >= 24px regular, or >= 18.66px bold (>= 700).\n */\nexport function isLargeText(fontSize: number, fontWeight: number): boolean {\n  if (fontSize >= 24) return true;\n  if (fontSize >= 18.66 && fontWeight >= 700) return true;\n  return false;\n}\n\n/**\n * Infer numeric font weight from Figma's FontName.style string.\n * Returns 400 if unknown.\n */\nexport function inferFontWeight(fontStyle: string): number {\n  const s = fontStyle.toLowerCase();\n  if (s.includes(\"thin\") || s.includes(\"hairline\")) return 100;\n  if (s.includes(\"extralight\") || s.includes(\"extra light\") || s.includes(\"ultralight\")) return 200;\n  if (s.includes(\"light\")) return 300;\n  if (s.includes(\"regular\") || s.includes(\"normal\") || s === \"roman\") return 400;\n  if (s.includes(\"medium\")) return 500;\n  if (s.includes(\"semibold\") || s.includes(\"semi bold\") || s.includes(\"demibold\")) return 600;\n  if (s.includes(\"extrabold\") || s.includes(\"extra bold\") || s.includes(\"ultrabold\")) return 800;\n  if (s.includes(\"bold\")) return 700; // must come after extrabold/semibold\n  if (s.includes(\"black\") || s.includes(\"heavy\")) return 900;\n  return 400;\n}\n\n// ─── Interactive Element Heuristic ──────────────────────────────\n\nconst INTERACTIVE_NAME_PATTERN = /\\b(button|btn|link|tab|toggle|switch|checkbox|radio|chip|badge|tag|cta|menu[-_]?item|nav[-_]?item|input|select|dropdown|close|action|icon[-_]?button)\\b/i;\n\n/**\n * Heuristic: does this node look like an interactive element?\n * Figma has no click handler concept, so we check type + name patterns.\n */\nexport function looksInteractive(node: { type: string; name: string }): boolean {\n  if (node.type === \"COMPONENT\" || node.type === \"INSTANCE\") return true;\n  if (node.type === \"FRAME\" && INTERACTIVE_NAME_PATTERN.test(node.name)) return true;\n  return false;\n}\n\n// ─── Color extraction for contrast report ───────────────────────\n\n/**\n * Format a contrast failure report for color style/variable creation.\n * Only reports failing AA pairs. Returns null if all pass.\n */\nexport function formatContrastFailures(\n  newColor: { r: number; g: number; b: number },\n  existingColors: Array<{ name: string; color: { r: number; g: number; b: number } }>,\n): string | null {\n  let worstRatio = Infinity;\n  let worstName = \"\";\n  let failCount = 0;\n\n  for (const existing of existingColors) {\n    const result = checkContrastPair(newColor, existing.color);\n    if (!result.passesAA) {\n      failCount++;\n      if (result.ratio < worstRatio) {\n        worstRatio = result.ratio;\n        worstName = existing.name;\n      }\n    }\n  }\n\n  const parts: string[] = [];\n  if (failCount > 0) {\n    parts.push(`Fails AA against ${failCount} style${failCount > 1 ? \"s\" : \"\"} (worst: ${worstRatio}:1 vs '${worstName}')`);\n  }\n\n  // Also check against white and black for non-text contrast (3:1)\n  const whiteResult = checkContrastPair(newColor, { r: 1, g: 1, b: 1 });\n  const blackResult = checkContrastPair(newColor, { r: 0, g: 0, b: 0 });\n  if (whiteResult.ratio < 3 && blackResult.ratio < 3) {\n    parts.push(\"<3:1 vs both white & black\");\n  }\n\n  if (parts.length === 0) return null;\n  return \"WCAG: \" + parts.join(\". \") + \".\";\n}\n"],"mappings":"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","names":[]}

package/dist/utils/wcag.d.cts

@@ -0,0 +1,80 @@
+interface SolidColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+interface ContrastResult {
+    ratio: number;
+    passesAA: boolean;
+    passesAAA: boolean;
+    aaRequired: number;
+    aaaRequired: number;
+}
+/**
+ * WCAG 2.2 relative luminance from sRGB channels (0-1 float).
+ * https://www.w3.org/TR/WCAG22/#dfn-relative-luminance
+ */
+declare function srgbRelativeLuminance(r: number, g: number, b: number): number;
+/**
+ * WCAG contrast ratio between two relative luminances.
+ * Always returns a value >= 1.0.
+ */
+declare function contrastRatio(l1: number, l2: number): number;
+/**
+ * Composite a foreground RGBA color over an opaque background RGB.
+ * Returns the resulting opaque RGB (0-1 float).
+ */
+declare function alphaComposite(fgR: number, fgG: number, fgB: number, fgA: number, bgR: number, bgG: number, bgB: number): {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Check contrast between two colors for both AA and AAA levels.
+ * `large` = true for large text (relaxed requirements).
+ */
+declare function checkContrastPair(fg: {
+    r: number;
+    g: number;
+    b: number;
+}, bg: {
+    r: number;
+    g: number;
+    b: number;
+}, large?: boolean): ContrastResult;
+/**
+ * WCAG "large text": >= 24px regular, or >= 18.66px bold (>= 700).
+ */
+declare function isLargeText(fontSize: number, fontWeight: number): boolean;
+/**
+ * Infer numeric font weight from Figma's FontName.style string.
+ * Returns 400 if unknown.
+ */
+declare function inferFontWeight(fontStyle: string): number;
+/**
+ * Heuristic: does this node look like an interactive element?
+ * Figma has no click handler concept, so we check type + name patterns.
+ */
+declare function looksInteractive(node: {
+    type: string;
+    name: string;
+}): boolean;
+/**
+ * Format a contrast failure report for color style/variable creation.
+ * Only reports failing AA pairs. Returns null if all pass.
+ */
+declare function formatContrastFailures(newColor: {
+    r: number;
+    g: number;
+    b: number;
+}, existingColors: Array<{
+    name: string;
+    color: {
+        r: number;
+        g: number;
+        b: number;
+    };
+}>): string | null;
+
+export { type ContrastResult, type SolidColor, alphaComposite, checkContrastPair, contrastRatio, formatContrastFailures, inferFontWeight, isLargeText, looksInteractive, srgbRelativeLuminance };

package/dist/utils/wcag.d.ts

@@ -0,0 +1,80 @@
+interface SolidColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+interface ContrastResult {
+    ratio: number;
+    passesAA: boolean;
+    passesAAA: boolean;
+    aaRequired: number;
+    aaaRequired: number;
+}
+/**
+ * WCAG 2.2 relative luminance from sRGB channels (0-1 float).
+ * https://www.w3.org/TR/WCAG22/#dfn-relative-luminance
+ */
+declare function srgbRelativeLuminance(r: number, g: number, b: number): number;
+/**
+ * WCAG contrast ratio between two relative luminances.
+ * Always returns a value >= 1.0.
+ */
+declare function contrastRatio(l1: number, l2: number): number;
+/**
+ * Composite a foreground RGBA color over an opaque background RGB.
+ * Returns the resulting opaque RGB (0-1 float).
+ */
+declare function alphaComposite(fgR: number, fgG: number, fgB: number, fgA: number, bgR: number, bgG: number, bgB: number): {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Check contrast between two colors for both AA and AAA levels.
+ * `large` = true for large text (relaxed requirements).
+ */
+declare function checkContrastPair(fg: {
+    r: number;
+    g: number;
+    b: number;
+}, bg: {
+    r: number;
+    g: number;
+    b: number;
+}, large?: boolean): ContrastResult;
+/**
+ * WCAG "large text": >= 24px regular, or >= 18.66px bold (>= 700).
+ */
+declare function isLargeText(fontSize: number, fontWeight: number): boolean;
+/**
+ * Infer numeric font weight from Figma's FontName.style string.
+ * Returns 400 if unknown.
+ */
+declare function inferFontWeight(fontStyle: string): number;
+/**
+ * Heuristic: does this node look like an interactive element?
+ * Figma has no click handler concept, so we check type + name patterns.
+ */
+declare function looksInteractive(node: {
+    type: string;
+    name: string;
+}): boolean;
+/**
+ * Format a contrast failure report for color style/variable creation.
+ * Only reports failing AA pairs. Returns null if all pass.
+ */
+declare function formatContrastFailures(newColor: {
+    r: number;
+    g: number;
+    b: number;
+}, existingColors: Array<{
+    name: string;
+    color: {
+        r: number;
+        g: number;
+        b: number;
+    };
+}>): string | null;
+
+export { type ContrastResult, type SolidColor, alphaComposite, checkContrastPair, contrastRatio, formatContrastFailures, inferFontWeight, isLargeText, looksInteractive, srgbRelativeLuminance };

package/dist/utils/wcag.js

@@ -0,0 +1,92 @@
+// src/utils/wcag.ts
+function srgbRelativeLuminance(r, g, b) {
+  const linearize = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  return 0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b);
+}
+function contrastRatio(l1, l2) {
+  const lighter = Math.max(l1, l2);
+  const darker = Math.min(l1, l2);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function alphaComposite(fgR, fgG, fgB, fgA, bgR, bgG, bgB) {
+  return {
+    r: fgR * fgA + bgR * (1 - fgA),
+    g: fgG * fgA + bgG * (1 - fgA),
+    b: fgB * fgA + bgB * (1 - fgA)
+  };
+}
+function checkContrastPair(fg, bg, large = false) {
+  const fgLum = srgbRelativeLuminance(fg.r, fg.g, fg.b);
+  const bgLum = srgbRelativeLuminance(bg.r, bg.g, bg.b);
+  const ratio = contrastRatio(fgLum, bgLum);
+  const aaRequired = large ? 3 : 4.5;
+  const aaaRequired = large ? 4.5 : 7;
+  return {
+    ratio: Math.round(ratio * 100) / 100,
+    passesAA: ratio >= aaRequired,
+    passesAAA: ratio >= aaaRequired,
+    aaRequired,
+    aaaRequired
+  };
+}
+function isLargeText(fontSize, fontWeight) {
+  if (fontSize >= 24) return true;
+  if (fontSize >= 18.66 && fontWeight >= 700) return true;
+  return false;
+}
+function inferFontWeight(fontStyle) {
+  const s = fontStyle.toLowerCase();
+  if (s.includes("thin") || s.includes("hairline")) return 100;
+  if (s.includes("extralight") || s.includes("extra light") || s.includes("ultralight")) return 200;
+  if (s.includes("light")) return 300;
+  if (s.includes("regular") || s.includes("normal") || s === "roman") return 400;
+  if (s.includes("medium")) return 500;
+  if (s.includes("semibold") || s.includes("semi bold") || s.includes("demibold")) return 600;
+  if (s.includes("extrabold") || s.includes("extra bold") || s.includes("ultrabold")) return 800;
+  if (s.includes("bold")) return 700;
+  if (s.includes("black") || s.includes("heavy")) return 900;
+  return 400;
+}
+var INTERACTIVE_NAME_PATTERN = /\b(button|btn|link|tab|toggle|switch|checkbox|radio|chip|badge|tag|cta|menu[-_]?item|nav[-_]?item|input|select|dropdown|close|action|icon[-_]?button)\b/i;
+function looksInteractive(node) {
+  if (node.type === "COMPONENT" || node.type === "INSTANCE") return true;
+  if (node.type === "FRAME" && INTERACTIVE_NAME_PATTERN.test(node.name)) return true;
+  return false;
+}
+function formatContrastFailures(newColor, existingColors) {
+  let worstRatio = Infinity;
+  let worstName = "";
+  let failCount = 0;
+  for (const existing of existingColors) {
+    const result = checkContrastPair(newColor, existing.color);
+    if (!result.passesAA) {
+      failCount++;
+      if (result.ratio < worstRatio) {
+        worstRatio = result.ratio;
+        worstName = existing.name;
+      }
+    }
+  }
+  const parts = [];
+  if (failCount > 0) {
+    parts.push(`Fails AA against ${failCount} style${failCount > 1 ? "s" : ""} (worst: ${worstRatio}:1 vs '${worstName}')`);
+  }
+  const whiteResult = checkContrastPair(newColor, { r: 1, g: 1, b: 1 });
+  const blackResult = checkContrastPair(newColor, { r: 0, g: 0, b: 0 });
+  if (whiteResult.ratio < 3 && blackResult.ratio < 3) {
+    parts.push("<3:1 vs both white & black");
+  }
+  if (parts.length === 0) return null;
+  return "WCAG: " + parts.join(". ") + ".";
+}
+export {
+  alphaComposite,
+  checkContrastPair,
+  contrastRatio,
+  formatContrastFailures,
+  inferFontWeight,
+  isLargeText,
+  looksInteractive,
+  srgbRelativeLuminance
+};
+//# sourceMappingURL=wcag.js.map

package/dist/utils/wcag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/wcag.ts"],"sourcesContent":["// ─── WCAG 2.2 Accessibility Utilities ────────────────────────────\n// Shared functions for contrast checking, luminance calculation, and\n// accessibility heuristics. Used by lint rules and creation-time recommendations.\n\n\n\n// ─── Types ──────────────────────────────────────────────────────\n\nexport interface SolidColor {\n  r: number; g: number; b: number; a: number;\n}\n\nexport interface ContrastResult {\n  ratio: number;\n  passesAA: boolean;\n  passesAAA: boolean;\n  aaRequired: number;\n  aaaRequired: number;\n}\n\n// ─── Core WCAG Calculations ─────────────────────────────────────\n\n/**\n * WCAG 2.2 relative luminance from sRGB channels (0-1 float).\n * https://www.w3.org/TR/WCAG22/#dfn-relative-luminance\n */\nexport function srgbRelativeLuminance(r: number, g: number, b: number): number {\n  const linearize = (c: number) =>\n    c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n  return 0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b);\n}\n\n/**\n * WCAG contrast ratio between two relative luminances.\n * Always returns a value >= 1.0.\n */\nexport function contrastRatio(l1: number, l2: number): number {\n  const lighter = Math.max(l1, l2);\n  const darker = Math.min(l1, l2);\n  return (lighter + 0.05) / (darker + 0.05);\n}\n\n/**\n * Composite a foreground RGBA color over an opaque background RGB.\n * Returns the resulting opaque RGB (0-1 float).\n */\nexport function alphaComposite(\n  fgR: number, fgG: number, fgB: number, fgA: number,\n  bgR: number, bgG: number, bgB: number,\n): { r: number; g: number; b: number } {\n  return {\n    r: fgR * fgA + bgR * (1 - fgA),\n    g: fgG * fgA + bgG * (1 - fgA),\n    b: fgB * fgA + bgB * (1 - fgA),\n  };\n}\n\n/**\n * Check contrast between two colors for both AA and AAA levels.\n * `large` = true for large text (relaxed requirements).\n */\nexport function checkContrastPair(\n  fg: { r: number; g: number; b: number },\n  bg: { r: number; g: number; b: number },\n  large = false,\n): ContrastResult {\n  const fgLum = srgbRelativeLuminance(fg.r, fg.g, fg.b);\n  const bgLum = srgbRelativeLuminance(bg.r, bg.g, bg.b);\n  const ratio = contrastRatio(fgLum, bgLum);\n  const aaRequired = large ? 3.0 : 4.5;\n  const aaaRequired = large ? 4.5 : 7.0;\n  return {\n    ratio: Math.round(ratio * 100) / 100,\n    passesAA: ratio >= aaRequired,\n    passesAAA: ratio >= aaaRequired,\n    aaRequired,\n    aaaRequired,\n  };\n}\n\n// ─── Text Helpers ───────────────────────────────────────────────\n\n/**\n * WCAG \"large text\": >= 24px regular, or >= 18.66px bold (>= 700).\n */\nexport function isLargeText(fontSize: number, fontWeight: number): boolean {\n  if (fontSize >= 24) return true;\n  if (fontSize >= 18.66 && fontWeight >= 700) return true;\n  return false;\n}\n\n/**\n * Infer numeric font weight from Figma's FontName.style string.\n * Returns 400 if unknown.\n */\nexport function inferFontWeight(fontStyle: string): number {\n  const s = fontStyle.toLowerCase();\n  if (s.includes(\"thin\") || s.includes(\"hairline\")) return 100;\n  if (s.includes(\"extralight\") || s.includes(\"extra light\") || s.includes(\"ultralight\")) return 200;\n  if (s.includes(\"light\")) return 300;\n  if (s.includes(\"regular\") || s.includes(\"normal\") || s === \"roman\") return 400;\n  if (s.includes(\"medium\")) return 500;\n  if (s.includes(\"semibold\") || s.includes(\"semi bold\") || s.includes(\"demibold\")) return 600;\n  if (s.includes(\"extrabold\") || s.includes(\"extra bold\") || s.includes(\"ultrabold\")) return 800;\n  if (s.includes(\"bold\")) return 700; // must come after extrabold/semibold\n  if (s.includes(\"black\") || s.includes(\"heavy\")) return 900;\n  return 400;\n}\n\n// ─── Interactive Element Heuristic ──────────────────────────────\n\nconst INTERACTIVE_NAME_PATTERN = /\\b(button|btn|link|tab|toggle|switch|checkbox|radio|chip|badge|tag|cta|menu[-_]?item|nav[-_]?item|input|select|dropdown|close|action|icon[-_]?button)\\b/i;\n\n/**\n * Heuristic: does this node look like an interactive element?\n * Figma has no click handler concept, so we check type + name patterns.\n */\nexport function looksInteractive(node: { type: string; name: string }): boolean {\n  if (node.type === \"COMPONENT\" || node.type === \"INSTANCE\") return true;\n  if (node.type === \"FRAME\" && INTERACTIVE_NAME_PATTERN.test(node.name)) return true;\n  return false;\n}\n\n// ─── Color extraction for contrast report ───────────────────────\n\n/**\n * Format a contrast failure report for color style/variable creation.\n * Only reports failing AA pairs. Returns null if all pass.\n */\nexport function formatContrastFailures(\n  newColor: { r: number; g: number; b: number },\n  existingColors: Array<{ name: string; color: { r: number; g: number; b: number } }>,\n): string | null {\n  let worstRatio = Infinity;\n  let worstName = \"\";\n  let failCount = 0;\n\n  for (const existing of existingColors) {\n    const result = checkContrastPair(newColor, existing.color);\n    if (!result.passesAA) {\n      failCount++;\n      if (result.ratio < worstRatio) {\n        worstRatio = result.ratio;\n        worstName = existing.name;\n      }\n    }\n  }\n\n  const parts: string[] = [];\n  if (failCount > 0) {\n    parts.push(`Fails AA against ${failCount} style${failCount > 1 ? \"s\" : \"\"} (worst: ${worstRatio}:1 vs '${worstName}')`);\n  }\n\n  // Also check against white and black for non-text contrast (3:1)\n  const whiteResult = checkContrastPair(newColor, { r: 1, g: 1, b: 1 });\n  const blackResult = checkContrastPair(newColor, { r: 0, g: 0, b: 0 });\n  if (whiteResult.ratio < 3 && blackResult.ratio < 3) {\n    parts.push(\"<3:1 vs both white & black\");\n  }\n\n  if (parts.length === 0) return null;\n  return \"WCAG: \" + parts.join(\". \") + \".\";\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@ufira/vibma",
   "description": "Vibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "license": "MIT",
   "author": "ufira <https://github.com/ufira-ai>",
   "homepage": "https://github.com/ufira-ai/vibma",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ufira-ai/vibma.git"
+    "url": "git+https://github.com/ufira-ai/vibma.git",
+    "directory": "packages/core"
   },
   "keywords": [
     "figma",
@@ -22,6 +23,40 @@
   "bin": {
     "vibma-mcp": "dist/mcp.js"
   },
+  "exports": {
+    ".": {
+      "import": "./dist/mcp.js",
+      "require": "./dist/mcp.cjs"
+    },
+    "./types": {
+      "import": "./dist/tools/types.js",
+      "require": "./dist/tools/types.cjs"
+    },
+    "./endpoint": {
+      "import": "./dist/tools/endpoint.js",
+      "require": "./dist/tools/endpoint.cjs"
+    },
+    "./schemas": {
+      "import": "./dist/tools/schemas.js",
+      "require": "./dist/tools/schemas.cjs"
+    },
+    "./registry": {
+      "import": "./dist/tools/registry.js",
+      "require": "./dist/tools/registry.cjs"
+    },
+    "./utils/color": {
+      "import": "./dist/utils/color.js",
+      "require": "./dist/utils/color.cjs"
+    },
+    "./utils/wcag": {
+      "import": "./dist/utils/wcag.js",
+      "require": "./dist/utils/wcag.cjs"
+    },
+    "./utils/coercion": {
+      "import": "./dist/utils/coercion.js",
+      "require": "./dist/utils/coercion.cjs"
+    }
+  },
   "files": [
     "dist",
     "README.md",
@@ -29,27 +64,21 @@
   ],
   "type": "module",
   "scripts": {
-    "start": "node dist/mcp.js",
-    "socket": "tsx packages/tunnel/src/index.ts",
-    "setup": "./scripts/setup.sh",
     "build": "tsup",
     "build:watch": "tsup --watch",
-    "dev": "npm run build:watch",
-    "dev:mcp": "tsx src/mcp.ts",
+    "prepack": "cp ../../README.md . 2>/dev/null || true",
     "pub:release": "npm run build && npm publish"
   },
-  "devDependencies": {
-    "@figma/plugin-typings": "^1.123.0",
-    "@types/node": "^25.3.2",
-    "@types/ws": "^8.18.1",
-    "tsup": "^8.5.1",
-    "tsx": "^4.21.0",
-    "typescript": "^5.9.3"
-  },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.27.1",
     "uuid": "latest",
     "ws": "latest",
     "zod": "4.3.6"
+  },
+  "devDependencies": {
+    "@types/node": "^25.3.2",
+    "@types/ws": "^8.18.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   }
 }

package/LICENSE

@@ -1,22 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2026 ufira.ai
-Copyright (c) 2025 sonnylazuardi (original work)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.