@estiva-app/ui 0.43.0 → 0.44.0

package/dist/eslint/no-handmade-empty-state.d.ts

@@ -18,6 +18,13 @@ import type { Rule } from 'eslint';
  * file and scrolled in another. A `contentClassName` with `min-h-full` or
  * `h-full` gives the state its room, and passes.
  *
+ * **A box that places it** (UIG-42). A plain box holding only a page-scope
+ * `EmptyState` and centring or padding it does the part's own job, and a box
+ * like that pinned the starter's home page 64px from the top (UIG-10). A box
+ * that is only the flex column the state asks for passes, and so does any box
+ * round a `section` state, which takes its inset from the box (Katerina, 14
+ * September).
+ *
  * Not judged: the package's `EmptyState` and a part's own lines (a
  * `FieldLine`, a palette's empty row) — a part is already a part.
  */

package/dist/eslint/no-handmade-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-handmade-empty-state.d.ts","sourceRoot":"","sources":["../../src/eslint/no-handmade-empty-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAuPlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,UAyEvC,CAAA"}
+{"version":3,"file":"no-handmade-empty-state.d.ts","sourceRoot":"","sources":["../../src/eslint/no-handmade-empty-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAiQlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,UA4FvC,CAAA"}

package/dist/gates/app-checks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-checks.d.ts","sourceRoot":"","sources":["../../src/gates/app-checks.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAA0B,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE/E,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;IACvC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsBpD,CAAA;AAaD,wBAAgB,SAAS,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,GAAS,EAAE,IAAI,EAAE,KAAsC,EAAE,YAA8D,EAAE,OAAmB,EAAE,EAAE,eAAe,GAAG,UAAU,EAAE,CAuOzN"}
+{"version":3,"file":"app-checks.d.ts","sourceRoot":"","sources":["../../src/gates/app-checks.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAA0B,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE/E,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;IACvC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuBpD,CAAA;AAaD,wBAAgB,SAAS,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,GAAS,EAAE,IAAI,EAAE,KAAsC,EAAE,YAA8D,EAAE,OAAmB,EAAE,EAAE,eAAe,GAAG,UAAU,EAAE,CA6OzN"}

package/dist/gates/{chunk-SYVKGOWM.js → chunk-P5W6O5TF.js}

@@ -10,6 +10,63 @@ import betterTailwindcss from "eslint-plugin-better-tailwindcss";
 import { getDefaultSelectors } from "eslint-plugin-better-tailwindcss/defaults";
 import { parser as typescriptParser, plugin as typescriptPlugin } from "typescript-eslint";
 
+// src/gates/token-joined.ts
+var isOneSpace = (node) => node?.type === "Literal" && node.value === " ";
+function joinedList(call) {
+  const callee = call.callee;
+  if (callee.type !== "MemberExpression" || callee.computed || callee.property.name !== "join") return void 0;
+  if (call.arguments.length !== 1 || !isOneSpace(call.arguments[0])) return void 0;
+  let list = callee.object;
+  while (list.type === "CallExpression" && list.callee.type === "MemberExpression" && list.callee.property.name === "filter") {
+    list = list.callee.object;
+  }
+  return list.type === "ArrayExpression" ? list : void 0;
+}
+function stringsIn(node, out = []) {
+  if (!node) return out;
+  if (node.type === "Literal" && typeof node.value === "string") out.push({ node, text: node.value });
+  else if (node.type === "TemplateLiteral") for (const quasi of node.quasis) out.push({ node: quasi, text: String(quasi.value.cooked ?? "") });
+  else if (node.type === "ConditionalExpression") stringsIn(node.consequent, out), stringsIn(node.alternate, out);
+  else if (node.type === "LogicalExpression") {
+    if (node.operator !== "&&") stringsIn(node.left, out);
+    stringsIn(node.right, out);
+  } else if (node.type === "TSAsExpression" || node.type === "TSSatisfiesExpression") stringsIn(node.expression, out);
+  return out;
+}
+var joinedListRule = {
+  meta: {
+    type: "problem",
+    docs: { description: 'The token contract, inside a class list joined with .join(" ")' },
+    schema: [
+      {
+        type: "object",
+        properties: { restrict: { type: "array", items: { type: "object", properties: { pattern: { type: "string" }, message: { type: "string" } }, required: ["pattern", "message"] } } },
+        required: ["restrict"],
+        additionalProperties: false
+      }
+    ]
+  },
+  create(context) {
+    const { restrict } = context.options[0];
+    const rules = restrict.map(({ pattern, message }) => ({ pattern: new RegExp(pattern), message }));
+    return {
+      CallExpression(ruleNode) {
+        const list = joinedList(ruleNode);
+        if (!list) return;
+        for (const item of list.elements) {
+          for (const { node, text } of stringsIn(item)) {
+            for (const name of text.split(/\s+/)) {
+              const rule = name && rules.find(({ pattern }) => pattern.test(name));
+              if (rule) context.report({ node, message: rule.message.replaceAll("$0", name) });
+            }
+          }
+        }
+      }
+    };
+  }
+};
+var tokenJoinedPlugin = { rules: { classes: joinedListRule, values: joinedListRule, spacing: joinedListRule } };
+
 // src/gates/token-style.ts
 var INLINE_STYLE_TOKEN_KEYS = /^(color|background|backgroundColor|backgroundImage|fill|stroke|fontSize|border|borderTop|borderRight|borderBottom|borderLeft|borderBlock|borderInline|borderStyle|boxShadow|textShadow)$|Color$/;
 var INLINE_STYLE_MESSAGE = "An inline style that sets a colour, a font size, a border or a shadow is outside the token contract: use a token class. If the value is computed (a palette, a size from a prop), say why in an eslint-disable comment. Width, height and transforms are fine.";
@@ -90,15 +147,28 @@ var WORDS = {
     merge: "Merge classes with this package's cn() (src/cn.ts), the one place tailwind-merge is taught the type ramp. A plain tailwind-merge drops text-body-2 beside a text colour."
   }
 };
+var V = "^(?:(?:[^:\\[\\]\\s]|\\[[^\\]]*\\])+:)*!?";
 function tokenLint({ tailwindConfig = "tailwind.config.js", audience = "app" } = {}) {
   const words = WORDS[audience];
+  const restrict = [
+    { pattern: `${V}text-(?:xs|sm|base|lg|xl|[2-9]xl)$`, message: words.ramp },
+    {
+      pattern: `${V}(?:text|bg|border|ring|outline|fill|stroke|decoration|divide|placeholder|from|via|to|accent|caret|shadow)-(?:black|white|slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)(?:-[0-9]{2,3})?(?:/[0-9]{1,3})?$`,
+      message: words.palette
+    },
+    { pattern: `${V}[a-z-]+-\\[[^\\]]*(?:#[0-9a-fA-F]{3}|rgba?\\(|hsla?\\(|oklch\\()`, message: words.raw },
+    {
+      pattern: `${V}(?:text|bg|border|ring|outline|fill|stroke|decoration|divide|placeholder|from|via|to|accent|caret|shadow)-(?:bg|text|border|accent|info|warning|success|error)-[a-z-]+/[0-9]{1,3}$`,
+      message: words.opacity
+    }
+  ];
   return {
     files: ["**/*.{ts,tsx}"],
     languageOptions: {
       parser: typescriptParser,
       parserOptions: { ecmaFeatures: { jsx: true } }
     },
-    plugins: { "better-tailwindcss": betterTailwindcss },
+    plugins: { "better-tailwindcss": betterTailwindcss, "token-joined": tokenJoinedPlugin },
     settings: {
       "better-tailwindcss": {
         tailwindConfig,
@@ -107,30 +177,15 @@ function tokenLint({ tailwindConfig = "tailwind.config.js", audience = "app" } =
     },
     rules: {
       "better-tailwindcss/no-unknown-classes": "error",
-      "better-tailwindcss/no-restricted-classes": [
-        "error",
-        {
-          restrict: [
-            { pattern: "^(?:[a-z0-9-]+:)*text-(?:xs|sm|base|lg|xl|[2-9]xl)$", message: words.ramp },
-            {
-              pattern: "^(?:[a-z0-9-]+:)*(?:text|bg|border|ring|outline|fill|stroke|decoration|divide|placeholder|from|via|to|accent|caret|shadow)-(?:black|white|slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)(?:-[0-9]{2,3})?(?:/[0-9]{1,3})?$",
-              message: words.palette
-            },
-            { pattern: "^(?:[a-z0-9-]+:)*[a-z-]+-\\[[^\\]]*(?:#[0-9a-fA-F]{3}|rgba?\\(|hsla?\\(|oklch\\()", message: words.raw },
-            {
-              pattern: "^(?:[a-z0-9-]+:)*(?:text|bg|border|ring|outline|fill|stroke|decoration|divide|placeholder|from|via|to|accent|caret|shadow)-(?:bg|text|border|accent|info|warning|success|error)-[a-z-]+/[0-9]{1,3}$",
-              message: words.opacity
-            }
-          ]
-        }
-      ],
+      "better-tailwindcss/no-restricted-classes": ["error", { restrict }],
+      // A class list joined by hand, which the plugin above cannot read (UIG-42).
+      "token-joined/classes": ["error", { restrict }],
       // UIG-21: "use the package's cn(), never a plain twMerge" was a sentence
       // in all three repos' CLAUDE.md, and nothing checked it.
       "no-restricted-imports": ["error", { paths: [{ name: "tailwind-merge", message: words.merge }] }]
     }
   };
 }
-var V = "^(?:(?:[^:\\[\\]\\s]|\\[[^\\]]*\\])+:)*!?";
 var NOT_COLOUR = "(?!color:|#|rgba?\\(|hsla?\\(|oklch\\(|var\\()";
 var HAND_WRITTEN = {
   type: `${V}(?:text-\\[${NOT_COLOUR}|text-\\[length:|leading-\\[|tracking-\\[)[^\\]]+\\](?:/\\S*)?$`,
@@ -155,55 +210,50 @@ function tokenValues({ audience = "app" } = {}) {
   }
   const cornersBySize = {};
   for (const [name, size] of Object.entries(preset.theme.extend.borderRadius)) (cornersBySize[size] ??= []).push(name === "DEFAULT" ? "rounded" : `rounded-${name}`);
+  const values = [
+    ...Object.entries(tokensBySize).map(([size, names]) => ({
+      pattern: `${V}text-\\[${size.replace(".", "\\.")}\\](?:/\\S*)?$`,
+      message: `$0 is the type ramp written by hand. Use ${names.join(" or ")}.`
+    })),
+    {
+      pattern: HAND_WRITTEN.type,
+      message: words.type
+    },
+    ...Object.entries(cornersBySize).map(([size, names]) => ({
+      pattern: `${V}rounded(?:-(?:t|r|b|l|s|e|tl|tr|br|bl|ss|se|es|ee))?-\\[${size.replace(".", "\\.")}\\]$`,
+      message: `$0 is a corner written by hand. Use ${names.join(" or ")} (with the same side, if it has one).`
+    })),
+    {
+      pattern: HAND_WRITTEN.corner,
+      message: words.corner
+    },
+    {
+      pattern: HAND_WRITTEN.shadow,
+      message: words.shadow
+    }
+  ];
+  const spacing = [
+    {
+      pattern: HAND_WRITTEN.spacing,
+      message: "$0 is a size or a space written by hand. Use a step of the spacing scale (p-3, h-9, gap-2...) if one fits. Reported, not blocked."
+    },
+    {
+      pattern: HAND_WRITTEN.width,
+      message: "$0 is a border or ring width written by hand. Use border, border-2, ring-1... if one fits. Reported, not blocked."
+    }
+  ];
   return {
     files: ["**/*.{ts,tsx}"],
     ignores: ["**/*.test.ts", "**/*.test.tsx"],
-    plugins: { "token-values": betterTailwindcss, "token-spacing": betterTailwindcss, "token-style": tokenStylePlugin },
+    plugins: { "token-values": betterTailwindcss, "token-spacing": betterTailwindcss, "token-style": tokenStylePlugin, "token-joined": tokenJoinedPlugin },
     rules: {
       // A style kept in a const and passed by name (R9): the selector below cannot follow it.
       "token-style/no-token-style": "error",
-      "token-values/no-restricted-classes": [
-        "error",
-        {
-          restrict: [
-            ...Object.entries(tokensBySize).map(([size, names]) => ({
-              pattern: `${V}text-\\[${size.replace(".", "\\.")}\\](?:/\\S*)?$`,
-              message: `$0 is the type ramp written by hand. Use ${names.join(" or ")}.`
-            })),
-            {
-              pattern: HAND_WRITTEN.type,
-              message: words.type
-            },
-            ...Object.entries(cornersBySize).map(([size, names]) => ({
-              pattern: `${V}rounded(?:-(?:t|r|b|l|s|e|tl|tr|br|bl|ss|se|es|ee))?-\\[${size.replace(".", "\\.")}\\]$`,
-              message: `$0 is a corner written by hand. Use ${names.join(" or ")} (with the same side, if it has one).`
-            })),
-            {
-              pattern: HAND_WRITTEN.corner,
-              message: words.corner
-            },
-            {
-              pattern: HAND_WRITTEN.shadow,
-              message: words.shadow
-            }
-          ]
-        }
-      ],
-      "token-spacing/no-restricted-classes": [
-        "warn",
-        {
-          restrict: [
-            {
-              pattern: HAND_WRITTEN.spacing,
-              message: "$0 is a size or a space written by hand. Use a step of the spacing scale (p-3, h-9, gap-2...) if one fits. Reported, not blocked."
-            },
-            {
-              pattern: HAND_WRITTEN.width,
-              message: "$0 is a border or ring width written by hand. Use border, border-2, ring-1... if one fits. Reported, not blocked."
-            }
-          ]
-        }
-      ],
+      "token-values/no-restricted-classes": ["error", { restrict: values }],
+      "token-spacing/no-restricted-classes": ["warn", { restrict: spacing }],
+      // The same two inside a class list joined by hand (UIG-42).
+      "token-joined/values": ["error", { restrict: values }],
+      "token-joined/spacing": ["warn", { restrict: spacing }],
       "no-restricted-syntax": [
         "error",
         {
@@ -1107,6 +1157,7 @@ async function runStatus({ root = process.cwd(), app = ".", json = false, detail
 }
 
 export {
+  tokenJoinedPlugin,
   tokenStylePlugin,
   TOKEN_LINT_IGNORES,
   KNOWN_PLUGINS,
@@ -1128,4 +1179,4 @@ export {
   helpers,
   runStatus
 };
-//# sourceMappingURL=chunk-SYVKGOWM.js.map
+//# sourceMappingURL=chunk-P5W6O5TF.js.map