mac-human-design 0.1.30-preview.1 → 0.1.30-preview.3

package/README.md

@@ -31,7 +31,7 @@ Consumer apps should also include the macOS Base UI stylesheet once near their
 app root:
 
 ```ts
-import "mac-human-design/styles/macos-base-ui.css";
+import "mac-human-design/styles/macos-base-ui.css"
 ```
 
 In the Tauri Rust side, add the local path dependency while developing:
@@ -172,5 +172,5 @@ import {
   SymbolIconButton,
   ViewDragRegion,
   isDraggableAreaTarget,
-} from "mac-human-design";
+} from "mac-human-design"
 ```

package/changelog.md

@@ -2,6 +2,23 @@
 
 This file tracks changes between published npm versions of `mac-human-design`.
 
+## 0.1.30-preview.2
+
+### Added
+
+- Added `MacDataTable` arrow, Home, and End keyboard navigation for interactive
+  rows.
+- Added a layered `MacDataTable` row hover and selection treatment so row
+  feedback animates under cell content without shifting text or layout.
+- Added verifier coverage for data-table keyboard navigation and row state
+  layer invariants.
+
+### Changed
+
+- Improved Finder-style table interaction polish for object-browser style
+  screens while preserving row geometry and selected-row focus rings.
+- Bumped the package to `0.1.30-preview.2` under the `preview` dist-tag.
+
 ## 0.1.30-preview.1
 
 ### Added

package/docs/macos-base-ui-coverage.md

@@ -4,7 +4,7 @@
 1.5.0 with macOS-oriented class names. Import the CSS once:
 
 ```ts
-import "mac-human-design/styles/macos-base-ui.css";
+import "mac-human-design/styles/macos-base-ui.css"
 ```
 
 Consumer apps install `@base-ui/react`, `motion`, `react`, and `react-dom` as
@@ -14,48 +14,48 @@ preference through `MacMotionProvider`.
 
 ## Component Families
 
-| Base UI family | macOS export |
-| --- | --- |
-| `accordion` | `MacAccordion` |
-| `alert-dialog` | `MacAlertDialog` |
-| `autocomplete` | `MacAutocomplete` |
-| `avatar` | `MacAvatar` |
-| `button` | `MacButton` |
-| `checkbox` | `MacCheckbox` |
-| `checkbox-group` | `MacCheckboxGroup` |
-| `collapsible` | `MacCollapsible` |
-| `combobox` | `MacCombobox` |
-| `context-menu` | `MacContextMenu` |
-| `csp-provider` | `MacCSPProvider` |
-| `dialog` | `MacDialog` |
+| Base UI family       | macOS export           |
+| -------------------- | ---------------------- |
+| `accordion`          | `MacAccordion`         |
+| `alert-dialog`       | `MacAlertDialog`       |
+| `autocomplete`       | `MacAutocomplete`      |
+| `avatar`             | `MacAvatar`            |
+| `button`             | `MacButton`            |
+| `checkbox`           | `MacCheckbox`          |
+| `checkbox-group`     | `MacCheckboxGroup`     |
+| `collapsible`        | `MacCollapsible`       |
+| `combobox`           | `MacCombobox`          |
+| `context-menu`       | `MacContextMenu`       |
+| `csp-provider`       | `MacCSPProvider`       |
+| `dialog`             | `MacDialog`            |
 | `direction-provider` | `MacDirectionProvider` |
-| `drawer` | `MacDrawer` |
-| `field` | `MacField` |
-| `fieldset` | `MacFieldset` |
-| `form` | `MacForm` |
-| `input` | `MacInput` |
-| `menu` | `MacMenu` |
-| `menubar` | `MacMenubar` |
-| `meter` | `MacMeter` |
-| `navigation-menu` | `MacNavigationMenu` |
-| `number-field` | `MacNumberField` |
-| `otp-field` | `MacOTPField` |
-| `popover` | `MacPopover` |
-| `preview-card` | `MacPreviewCard` |
-| `progress` | `MacProgress` |
-| `radio` | `MacRadio` |
-| `radio-group` | `MacRadioGroup` |
-| `scroll-area` | `MacScrollArea` |
-| `select` | `MacSelect` |
-| `separator` | `MacSeparator` |
-| `slider` | `MacSlider` |
-| `switch` | `MacSwitch` |
-| `tabs` | `MacTabs` |
-| `toast` | `MacToast` |
-| `toggle` | `MacToggle` |
-| `toggle-group` | `MacToggleGroup` |
-| `toolbar` | `MacToolbar` |
-| `tooltip` | `MacTooltip` |
+| `drawer`             | `MacDrawer`            |
+| `field`              | `MacField`             |
+| `fieldset`           | `MacFieldset`          |
+| `form`               | `MacForm`              |
+| `input`              | `MacInput`             |
+| `menu`               | `MacMenu`              |
+| `menubar`            | `MacMenubar`           |
+| `meter`              | `MacMeter`             |
+| `navigation-menu`    | `MacNavigationMenu`    |
+| `number-field`       | `MacNumberField`       |
+| `otp-field`          | `MacOTPField`          |
+| `popover`            | `MacPopover`           |
+| `preview-card`       | `MacPreviewCard`       |
+| `progress`           | `MacProgress`          |
+| `radio`              | `MacRadio`             |
+| `radio-group`        | `MacRadioGroup`        |
+| `scroll-area`        | `MacScrollArea`        |
+| `select`             | `MacSelect`            |
+| `separator`          | `MacSeparator`         |
+| `slider`             | `MacSlider`            |
+| `switch`             | `MacSwitch`            |
+| `tabs`               | `MacTabs`              |
+| `toast`              | `MacToast`             |
+| `toggle`             | `MacToggle`            |
+| `toggle-group`       | `MacToggleGroup`       |
+| `toolbar`            | `MacToolbar`           |
+| `tooltip`            | `MacTooltip`           |
 
 Support exports such as `merge-props`, `use-render`, and
 `unstable-use-media-query` are intentionally not wrapped because they do not
@@ -63,38 +63,38 @@ render UI.
 
 ## Native Variants
 
-| Native role | Export |
-| --- | --- |
-| Default push button | `MacButton` |
-| Blue default button | `MacPrimaryButton` |
-| Secondary push button | `MacSecondaryButton` |
-| Destructive button | `MacDestructiveButton` |
-| Borderless button | `MacPlainButton` |
-| Icon button | `MacIconButton` |
-| Help button | `MacHelpButton` |
-| Motion defaults provider | `MacMotionProvider` |
-| Text field | `MacTextField` / `MacInput` |
-| Search field | `MacSearchField` |
-| Pop-up button | `MacSelect.PopUpButtonTrigger` |
-| Pull-down button | `MacSelect.PullDownButtonTrigger` |
-| Segmented control | `MacSegmentedToggleGroup` |
+| Native role                 | Export                             |
+| --------------------------- | ---------------------------------- |
+| Default push button         | `MacButton`                        |
+| Blue default button         | `MacPrimaryButton`                 |
+| Secondary push button       | `MacSecondaryButton`               |
+| Destructive button          | `MacDestructiveButton`             |
+| Borderless button           | `MacPlainButton`                   |
+| Icon button                 | `MacIconButton`                    |
+| Help button                 | `MacHelpButton`                    |
+| Motion defaults provider    | `MacMotionProvider`                |
+| Text field                  | `MacTextField` / `MacInput`        |
+| Search field                | `MacSearchField`                   |
+| Pop-up button               | `MacSelect.PopUpButtonTrigger`     |
+| Pull-down button            | `MacSelect.PullDownButtonTrigger`  |
+| Segmented control           | `MacSegmentedToggleGroup`          |
 | Separated segmented control | `MacSeparatedSegmentedToggleGroup` |
-| Toolbar toggle | `MacToolbarToggle` |
-| Toolbar icon button | `MacToolbar.IconButton` |
-| Window sheet | `MacDialog.SheetPopup` |
-| Sidebar drawer | `MacDrawer.SidebarPopup` |
+| Toolbar toggle              | `MacToolbarToggle`                 |
+| Toolbar icon button         | `MacToolbar.IconButton`            |
+| Window sheet                | `MacDialog.SheetPopup`             |
+| Sidebar drawer              | `MacDrawer.SidebarPopup`           |
 
 ## App-Level Components
 
 These shared components cover reusable macOS/Tauri app patterns that should not
 be reimplemented in consuming apps:
 
-| App pattern | Export | Contract |
-| --- | --- | --- |
-| Finder-style grid/table primitive | `MacDataTable` | Uses `table` semantics for static rows, upgrades to `grid` semantics for interactive rows, exposes row/column metadata, busy state, keyboard activation, selected row state, and focus-visible row styling. |
-| Tauri window toolbar | `MacWindowToolbar` | Provides a labelled `toolbar` landmark, labelled leading/content/trailing control groups, a root drag region, no-drag regions around interactive controls, and stable wrapped-control sizing for dense icon toolbars. |
-| Segmented control | `MacSegmentedControl` | Wraps the shared macOS segmented toggle styling with accessible labels, stable class names, full-width layout support, and class/style pass-through. |
-| Centered SF Symbols icon button | `SymbolIconButton` | Renders through `MacIconButton`, defaults to `type="button"`, preserves fixed geometry while allowing style/class pass-through, supports tooltip offsets and per-symbol optical offsets, and exposes loading state with `aria-busy`. |
+| App pattern                       | Export                | Contract                                                                                                                                                                                                                                               |
+| --------------------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Finder-style grid/table primitive | `MacDataTable`        | Uses `table` semantics for static rows, upgrades to `grid` semantics for interactive rows, exposes row/column metadata, busy state, keyboard activation, arrow/Home/End row focus navigation, selected row state, and layered hover/selection styling. |
+| Tauri window toolbar              | `MacWindowToolbar`    | Provides a labelled `toolbar` landmark, labelled leading/content/trailing control groups, a root drag region, no-drag regions around interactive controls, and stable wrapped-control sizing for dense icon toolbars.                                  |
+| Segmented control                 | `MacSegmentedControl` | Wraps the shared macOS segmented toggle styling with accessible labels, stable class names, full-width layout support, and class/style pass-through.                                                                                                   |
+| Centered SF Symbols icon button   | `SymbolIconButton`    | Renders through `MacIconButton`, defaults to `type="button"`, preserves fixed geometry while allowing style/class pass-through, supports tooltip offsets and per-symbol optical offsets, and exposes loading state with `aria-busy`.                   |
 
 ## Icon Button Alignment Guarantees
 

package/examples/macos-base-ui-gallery/src/main.tsx

@@ -1,8 +1,8 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { AppWindowShell, MacBaseUIGallery } from "../../../src";
-import "../../../src/styles/macosBaseUi.css";
-import "../../../src/styles/macosTauri.css";
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import { AppWindowShell, MacBaseUIGallery } from "../../../src"
+import "../../../src/styles/macosBaseUi.css"
+import "../../../src/styles/macosTauri.css"
 
 createRoot(document.getElementById("root") as HTMLElement).render(
   <StrictMode>
@@ -10,4 +10,4 @@ createRoot(document.getElementById("root") as HTMLElement).render(
       <MacBaseUIGallery />
     </AppWindowShell>
   </StrictMode>,
-);
+)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mac-human-design",
-  "version": "0.1.30-preview.1",
+  "version": "0.1.30-preview.3",
   "description": "Reusable macOS-oriented UI primitives and SF Symbols bridge for Tauri apps.",
   "type": "module",
   "main": "src/index.ts",
@@ -36,8 +36,11 @@
     "components"
   ],
   "scripts": {
-    "check": "npm run typecheck && npm run verify:base-ui && npm run verify:design && npm run verify:gallery",
+    "check": "npm run lint && npm run format:check && npm run typecheck && npm run verify:base-ui && npm run verify:design && npm run verify:gallery",
     "dev:gallery": "vite --host 127.0.0.1 examples/macos-base-ui-gallery",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint . --max-warnings=0",
     "publish": "npm publish --access public --ignore-scripts",
     "publish:preview": "npm publish --access public --ignore-scripts --tag preview",
     "typecheck": "tsc --noEmit",
@@ -61,14 +64,20 @@
   },
   "devDependencies": {
     "@base-ui/react": "^1.5.0",
+    "@eslint/js": "^10.0.1",
     "@tauri-apps/api": "^2.11.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.2",
+    "eslint": "^10.4.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.6.0",
     "motion": "^12.40.0",
+    "prettier": "^3.8.4",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "typescript": "^6.0.3",
+    "typescript-eslint": "^8.61.0",
     "vite": "^8.0.16"
   }
 }

package/scripts/verify-base-ui-coverage.mjs

@@ -1,162 +1,156 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
-const packageJsonPath = path.join(repoRoot, "node_modules", "@base-ui", "react", "package.json");
-const wrapperPath = path.join(repoRoot, "src", "components", "MacBaseUI.tsx");
-const galleryPath = path.join(repoRoot, "src", "components", "MacBaseUIGallery.tsx");
-const stylesPath = path.join(repoRoot, "src", "styles", "macosBaseUi.css");
-const docsPath = path.join(repoRoot, "docs", "macos-base-ui-coverage.md");
-
-const nonComponentExports = new Set([
-  ".",
-  "esm",
-  "merge-props",
-  "types",
-  "unstable-use-media-query",
-  "use-render",
-]);
+import fs from "node:fs"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+
+const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..")
+const packageJsonPath = path.join(repoRoot, "node_modules", "@base-ui", "react", "package.json")
+const wrapperPaths = [
+  path.join(repoRoot, "src", "components", "MacBaseUI.tsx"),
+  path.join(repoRoot, "src", "components", "MacBaseUIInternals.tsx"),
+  path.join(repoRoot, "src", "components", "MacBaseUIControls.tsx"),
+  path.join(repoRoot, "src", "components", "MacBaseUINavigation.tsx"),
+]
+const stylesPath = path.join(repoRoot, "src", "styles", "macosBaseUi.css")
+const docsPath = path.join(repoRoot, "docs", "macos-base-ui-coverage.md")
+
+const nonComponentExports = new Set([".", "esm", "merge-props", "types", "unstable-use-media-query", "use-render"])
 
 const acronymParts = new Map([
   ["csp", "CSP"],
   ["otp", "OTP"],
-]);
+])
 
 function readText(filePath) {
-  return fs.readFileSync(filePath, "utf8");
+  return fs.readFileSync(filePath, "utf8")
 }
 
 function toMacExportName(family) {
   return `Mac${family
     .split("-")
     .map((part) => acronymParts.get(part) ?? `${part[0].toUpperCase()}${part.slice(1)}`)
-    .join("")}`;
+    .join("")}`
 }
 
 function getBaseUiFamilies() {
-  const packageJson = JSON.parse(readText(packageJsonPath));
+  const packageJson = JSON.parse(readText(packageJsonPath))
   return Object.keys(packageJson.exports)
     .filter((exportKey) => exportKey.startsWith("./"))
     .map((exportKey) => exportKey.slice(2))
     .filter((exportName) => !exportName.startsWith("internals/"))
     .filter((exportName) => exportName !== "package.json")
     .filter((exportName) => !nonComponentExports.has(exportName))
-    .sort();
+    .sort()
 }
 
 function getMacExports(source) {
-  return new Set(
-    Array.from(
-      source.matchAll(/^export (?:const|function) (Mac[A-Za-z0-9]+)\b/gm),
-      (match) => match[1],
-    ),
-  );
+  return new Set(Array.from(source.matchAll(/^export (?:const|function) (Mac[A-Za-z0-9]+)\b/gm), (match) => match[1]))
 }
 
 function getBaseUiParts(family) {
-  const partsPath = path.join(repoRoot, "node_modules", "@base-ui", "react", family, "index.parts.d.ts");
+  const partsPath = path.join(repoRoot, "node_modules", "@base-ui", "react", family, "index.parts.d.ts")
   if (!fs.existsSync(partsPath)) {
-    return [];
+    return []
   }
 
-  const partsSource = readText(partsPath);
-  const parts = new Set();
+  const partsSource = readText(partsPath)
+  const parts = new Set()
 
   for (const match of partsSource.matchAll(/export\s+\{\s*[A-Za-z0-9_$]+\s+as\s+([A-Z][A-Za-z0-9_$]*)\s*\}/g)) {
-    parts.add(match[1]);
+    parts.add(match[1])
   }
 
   for (const match of partsSource.matchAll(/export\s+\{\s*([A-Z][A-Za-z0-9_$]*)\s*\}/g)) {
-    parts.add(match[1]);
+    parts.add(match[1])
   }
 
-  return Array.from(parts).sort();
+  return Array.from(parts).sort()
 }
 
 function getMacObjectPartKeys(source, macExport) {
-  const objectStart = source.match(new RegExp(`export const ${macExport} = \\\\{`));
+  const objectStart = source.match(new RegExp(`export const ${macExport} = \\\\{`))
   if (!objectStart) {
-    return null;
+    return null
   }
 
-  const startIndex = objectStart.index + objectStart[0].length;
-  let depth = 1;
-  let index = startIndex;
+  const startIndex = objectStart.index + objectStart[0].length
+  let depth = 1
+  let index = startIndex
 
   while (index < source.length && depth > 0) {
-    const char = source[index];
+    const char = source[index]
     if (char === "{") {
-      depth += 1;
+      depth += 1
     } else if (char === "}") {
-      depth -= 1;
+      depth -= 1
     }
-    index += 1;
+    index += 1
   }
 
-  const objectBody = source.slice(startIndex, index - 1);
-  return new Set(
-    Array.from(objectBody.matchAll(/^\s*([A-Z][A-Za-z0-9_$]*):/gm), (match) => match[1]),
-  );
+  const objectBody = source.slice(startIndex, index - 1)
+  return new Set(Array.from(objectBody.matchAll(/^\s*([A-Z][A-Za-z0-9_$]*):/gm), (match) => match[1]))
 }
 
 function fail(message, details = []) {
-  console.error(message);
+  console.error(message)
   for (const detail of details) {
-    console.error(`- ${detail}`);
+    console.error(`- ${detail}`)
   }
-  process.exitCode = 1;
+  process.exitCode = 1
 }
 
-const families = getBaseUiFamilies();
-const wrapperSource = readText(wrapperPath);
-const gallerySource = readText(galleryPath);
-const stylesSource = readText(stylesPath);
-const docsSource = readText(docsPath);
-const macExports = getMacExports(wrapperSource);
+const families = getBaseUiFamilies()
+const wrapperSource = wrapperPaths.map((filePath) => readText(filePath)).join("\n")
+const gallerySource = listFiles(path.join(repoRoot, "src", "components"))
+  .filter((filePath) => /^MacBaseUIGallery.*\.tsx$/.test(filePath))
+  .map((filePath) => readText(path.join(repoRoot, "src", "components", filePath)))
+  .join("\n")
+const stylesSource = readText(stylesPath)
+const docsSource = readText(docsPath)
+const macExports = getMacExports(wrapperSource)
 
 const missingWrappers = families
   .map((family) => [family, toMacExportName(family)])
   .filter(([, macExport]) => !macExports.has(macExport))
-  .map(([family, macExport]) => `${family} -> ${macExport}`);
+  .map(([family, macExport]) => `${family} -> ${macExport}`)
 
 if (missingWrappers.length > 0) {
-  fail("Missing macOS wrappers for public @base-ui/react component families.", missingWrappers);
+  fail("Missing macOS wrappers for public @base-ui/react component families.", missingWrappers)
 }
 
-const missingPartWrappers = [];
+const missingPartWrappers = []
 for (const family of families) {
-  const macExport = toMacExportName(family);
-  const baseParts = getBaseUiParts(family);
+  const macExport = toMacExportName(family)
+  const baseParts = getBaseUiParts(family)
   if (baseParts.length === 0) {
-    continue;
+    continue
   }
 
-  const macParts = getMacObjectPartKeys(wrapperSource, macExport);
+  const macParts = getMacObjectPartKeys(wrapperSource, macExport)
   if (!macParts) {
-    continue;
+    continue
   }
 
   for (const part of baseParts) {
     if (!macParts.has(part)) {
-      missingPartWrappers.push(`${family}.${part} -> ${macExport}.${part}`);
+      missingPartWrappers.push(`${family}.${part} -> ${macExport}.${part}`)
     }
   }
 }
 
 if (missingPartWrappers.length > 0) {
-  fail("Missing macOS wrappers for public @base-ui/react namespace parts.", missingPartWrappers);
+  fail("Missing macOS wrappers for public @base-ui/react namespace parts.", missingPartWrappers)
 }
 
 const missingDocsRows = families
   .map((family) => [family, toMacExportName(family)])
   .filter(([family, macExport]) => {
-    return !docsSource.includes(`| \`${family}\` | \`${macExport}\` |`);
+    const rowPattern = new RegExp(`\\|\\s*\\\`${family}\\\`\\s*\\|\\s*\\\`${macExport}\\\`\\s*\\|`)
+    return !rowPattern.test(docsSource)
   })
-  .map(([family, macExport]) => `${family} -> ${macExport}`);
+  .map(([family, macExport]) => `${family} -> ${macExport}`)
 
 if (missingDocsRows.length > 0) {
-  fail("Missing coverage documentation rows.", missingDocsRows);
+  fail("Missing coverage documentation rows.", missingDocsRows)
 }
 
 const requiredVariants = [
@@ -172,11 +166,11 @@ const requiredVariants = [
   "MacToolbarToggle",
   "MacSegmentedToggleGroup",
   "MacSeparatedSegmentedToggleGroup",
-];
+]
 
-const missingVariants = requiredVariants.filter((variant) => !macExports.has(variant));
+const missingVariants = requiredVariants.filter((variant) => !macExports.has(variant))
 if (missingVariants.length > 0) {
-  fail("Missing expected native macOS variant exports.", missingVariants);
+  fail("Missing expected native macOS variant exports.", missingVariants)
 }
 
 const requiredNestedVariants = [
@@ -185,63 +179,56 @@ const requiredNestedVariants = [
   "MacDialog.SheetPopup",
   "MacDrawer.SidebarPopup",
   "MacToolbar.IconButton",
-];
+]
 
 const missingNestedVariants = requiredNestedVariants.filter((variantPath) => {
-  const [exportName, partName] = variantPath.split(".");
-  return !new RegExp(`export const ${exportName} = [\\s\\S]*?^\\s*${partName}:`, "m").test(
-    wrapperSource,
-  );
-});
+  const [exportName, partName] = variantPath.split(".")
+  return !new RegExp(`export const ${exportName} = [\\s\\S]*?^\\s*${partName}:`, "m").test(wrapperSource)
+})
 
 if (missingNestedVariants.length > 0) {
-  fail("Missing expected native macOS nested variant exports.", missingNestedVariants);
+  fail("Missing expected native macOS nested variant exports.", missingNestedVariants)
 }
 
 const missingGalleryCoverage = Array.from(macExports)
   .sort()
-  .filter((macExport) => !gallerySource.includes(macExport));
+  .filter((macExport) => !gallerySource.includes(macExport))
 
 if (missingGalleryCoverage.length > 0) {
-  fail("Missing gallery coverage for public macOS wrapper exports.", missingGalleryCoverage);
+  fail("Missing gallery coverage for public macOS wrapper exports.", missingGalleryCoverage)
 }
 
 const wrapperClasses = new Set(
   Array.from(wrapperSource.matchAll(/"([^"]*hd-mac[^"]*)"/g))
     .flatMap((match) => match[1].split(/\s+/))
     .filter(Boolean),
-);
+)
 
 const missingClassStyles = Array.from(wrapperClasses)
   .sort()
   .filter((className) => {
-    const escapedClassName = className.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    return !new RegExp(`\\.${escapedClassName}(?![a-zA-Z0-9_-])`).test(stylesSource);
-  });
+    const escapedClassName = className.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+    return !new RegExp(`\\.${escapedClassName}(?![a-zA-Z0-9_-])`).test(stylesSource)
+  })
 
 if (missingClassStyles.length > 0) {
-  fail("Missing CSS selectors for macOS wrapper classes.", missingClassStyles);
+  fail("Missing CSS selectors for macOS wrapper classes.", missingClassStyles)
 }
 
-const forbiddenPatterns = [
-  /\bfrom\s+["']baseui(?:\/[^"']*)?["']/,
-  /\bbaseui\b/,
-  /\bstyletron\b/i,
-  /Base Web/,
-];
+const forbiddenPatterns = [/\bfrom\s+["']baseui(?:\/[^"']*)?["']/, /\bbaseui\b/, /\bstyletron\b/i, /Base Web/]
 
 function listFiles(directory, relativePrefix = "") {
-  const files = [];
+  const files = []
   for (const entry of fs.readdirSync(directory, { withFileTypes: true })) {
-    const relativePath = path.join(relativePrefix, entry.name);
-    const absolutePath = path.join(directory, entry.name);
+    const relativePath = path.join(relativePrefix, entry.name)
+    const absolutePath = path.join(directory, entry.name)
     if (entry.isDirectory()) {
-      files.push(...listFiles(absolutePath, relativePath));
+      files.push(...listFiles(absolutePath, relativePath))
     } else if (entry.isFile()) {
-      files.push(relativePath);
+      files.push(relativePath)
     }
   }
-  return files;
+  return files
 }
 
 const sourceFiles = [
@@ -251,27 +238,27 @@ const sourceFiles = [
   "docs/macos-base-ui-coverage.md",
   ...listFiles(path.join(repoRoot, "src")).map((filePath) => path.join("src", filePath)),
   ...listFiles(path.join(repoRoot, "examples")).map((filePath) => path.join("examples", filePath)),
-];
+]
 
-const forbiddenHits = [];
+const forbiddenHits = []
 for (const relativeFile of sourceFiles) {
-  const absoluteFile = path.join(repoRoot, relativeFile);
-  const text = readText(absoluteFile);
+  const absoluteFile = path.join(repoRoot, relativeFile)
+  const text = readText(absoluteFile)
   for (const pattern of forbiddenPatterns) {
     if (pattern.test(text)) {
-      forbiddenHits.push(`${relativeFile}: ${pattern}`);
+      forbiddenHits.push(`${relativeFile}: ${pattern}`)
     }
   }
 }
 
 if (forbiddenHits.length > 0) {
-  fail("Forbidden Base Web or Styletron references found.", forbiddenHits);
+  fail("Forbidden Base Web or Styletron references found.", forbiddenHits)
 }
 
 if (process.exitCode) {
-  process.exit();
+  process.exit()
 }
 
 console.log(
   `Verified ${families.length} @base-ui/react component families, namespace parts, ${requiredVariants.length} provider/variant exports, ${requiredNestedVariants.length} nested variants, ${wrapperClasses.size} wrapper classes, gallery coverage, and no Base Web references.`,
-);
+)