web-components-doctor 0.1.0 → 0.3.0

package/README.md

@@ -10,6 +10,8 @@ npm install web-components-doctor --save-dev
 
 ## Quick Start (ESLint 9+ flat config)
 
+### Lit (html tagged templates)
+
 ```js
 // eslint.config.js
 import swc from 'web-components-doctor';
@@ -19,6 +21,34 @@ export default [
 ];
 ```
 
+### JSX / TSX (React, Preact, etc.)
+
+The plugin automatically detects both syntaxes. Just enable JSX parsing in your ESLint config:
+
+```js
+// eslint.config.js
+import swc from 'web-components-doctor';
+
+export default [
+  {
+    ...swc.configs.recommended,
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: { jsx: true },
+      },
+    },
+  },
+];
+```
+
+Both kebab-case custom elements and PascalCase React wrappers are supported:
+
+```jsx
+// These are equivalent — both are checked
+<sp-action-menu label="Actions"></sp-action-menu>
+<SpActionMenu label="Actions"></SpActionMenu>
+```
+
 Or for strict CI enforcement:
 
 ```js
@@ -34,13 +64,21 @@ export default [
 Require accessibility attributes on SWC elements.
 
 ```js
-// ❌ Bad
+// ❌ Bad — Lit
 html`<sp-action-menu></sp-action-menu>`;
 html`<sp-picker></sp-picker>`;
 
-// ✅ Good
+// ❌ Bad — JSX
+<SpActionMenu></SpActionMenu>
+<SpPicker></SpPicker>
+
+// ✅ Good — Lit
 html`<sp-action-menu label="More actions"></sp-action-menu>`;
 html`<sp-picker aria-label="Select option"></sp-picker>`;
+
+// ✅ Good — JSX
+<SpActionMenu label="More actions"></SpActionMenu>
+<SpPicker aria-label="Select option"></SpPicker>
 ```
 
 | Element | Required (at least one of) |
@@ -60,13 +98,21 @@ html`<sp-picker aria-label="Select option"></sp-picker>`;
 Flag deprecated attributes and attribute values.
 
 ```js
-// ❌ Bad
+// ❌ Bad — Lit
 html`<sp-button variant="cta">Click</sp-button>`;
 html`<sp-overlay allow-outside-click></sp-overlay>`;
 
-// ✅ Good
+// ❌ Bad — JSX
+<SpButton variant="cta">Click</SpButton>
+<SpOverlay allowOutsideClick></SpOverlay>
+
+// ✅ Good — Lit
 html`<sp-button variant="accent">Click</sp-button>`;
 html`<sp-overlay></sp-overlay>`;
+
+// ✅ Good — JSX
+<SpButton variant="accent">Click</SpButton>
+<SpOverlay></SpOverlay>
 ```
 
 | Deprecated | Replacement |
@@ -106,21 +152,90 @@ html`<sp-theme color="light"></sp-theme>`;
 html`<sp-button variant="accent">Click</sp-button>`;
 ```
 
+### `swc/valid-slot-names`
+
+Warn when a child element targets a slot that the parent component doesn't define.
+
+```js
+// ❌ Bad — Lit
+html`<sp-action-menu label="Actions">
+  <sp-menu-item slot="header">Edit</sp-menu-item>
+</sp-action-menu>`;
+
+// ❌ Bad — JSX
+<SpActionMenu label="Actions">
+  <SpMenuItem slot="header">Edit</SpMenuItem>
+</SpActionMenu>
+
+// ✅ Good — Lit
+html`<sp-action-menu label="Actions">
+  <sp-menu-item>Edit</sp-menu-item>
+  <sp-icon slot="icon"></sp-icon>
+</sp-action-menu>`;
+
+// ✅ Good — JSX
+<SpActionMenu label="Actions">
+  <SpMenuItem>Edit</SpMenuItem>
+  <SpIcon slot="icon"></SpIcon>
+</SpActionMenu>
+```
+
+### `swc/valid-slot-children`
+
+Warn when a child element's tag is not accepted in the slot it targets.
+
+```js
+// ❌ Bad — Lit (sp-action-menu default slot only accepts sp-menu-item/group/divider)
+html`<sp-action-menu label="Actions">
+  <sp-button>Wrong child</sp-button>
+</sp-action-menu>`;
+
+// ❌ Bad — JSX
+<SpActionMenu label="Actions">
+  <SpButton>Wrong child</SpButton>
+</SpActionMenu>
+
+// ✅ Good — Lit
+html`<sp-action-menu label="Actions">
+  <sp-menu-item>Edit</sp-menu-item>
+  <sp-menu-divider></sp-menu-divider>
+  <sp-menu-item>Delete</sp-menu-item>
+</sp-action-menu>`;
+
+// ✅ Good — JSX
+<SpActionMenu label="Actions">
+  <SpMenuItem>Edit</SpMenuItem>
+  <SpMenuDivider></SpMenuDivider>
+  <SpMenuItem>Delete</SpMenuItem>
+</SpActionMenu>
+```
+
+| Component | Default slot accepts | Named slots |
+|---|---|---|
+| `<sp-action-menu>` | `sp-menu-item`, `sp-menu-group`, `sp-menu-divider` | `icon`, `label`, `tooltip` |
+| `<sp-picker>` | `sp-menu-item`, `sp-menu-group`, `sp-menu-divider` | `label`, `tooltip`, `description` |
+| `<sp-tabs>` | `sp-tab`, `sp-tab-panel` | — |
+| `<sp-button>` | (any) | `icon` (accepts `sp-icon`) |
+| `<sp-dialog-wrapper>` | (any) | `hero`, `heading`, `button` (accepts `sp-button`) |
+| `<overlay-trigger>` | (any) | `click-content`, `hover-content`, `longpress-content` |
+
 ## Architecture
 
 This plugin is **data-driven**. Rules are generated from component descriptors rather than hand-written per component:
 
 ```
 src/
-├── adapters/           # Template syntax parsers (Lit today, JSX/HTML next)
-│   └── lit-adapter.ts  # Extracts elements from html`` tagged templates
+├── adapters/            # Template syntax parsers
+│   ├── lit-adapter.ts   # Extracts elements from html`` tagged templates
+│   ├── jsx-adapter.ts   # Extracts elements from JSX/TSX (PascalCase + kebab-case)
+│   └── utils.ts         # Shared utilities (pascalToKebab, camelToKebab, etc.)
 ├── core/
-│   ├── types.ts        # Normalized IR (ParsedElement, descriptors)
-│   └── rule-factory.ts # Generates ESLint rules from descriptors
+│   ├── types.ts         # Normalized IR (ParsedElement, descriptors)
+│   └── rule-factory.ts  # Generates ESLint rules from descriptors (dual-visitor)
 ├── descriptors/
-│   └── components.ts   # Component accessibility/deprecation metadata
-├── rules/              # Thin wrappers: factory(descriptors)
-└── index.ts            # Plugin entry with recommended/strict configs
+│   └── components.ts    # Component accessibility/deprecation metadata
+├── rules/               # Thin wrappers: factory(descriptors)
+└── index.ts             # Plugin entry with recommended/strict configs
 ```
 
 ### Adding a new component
@@ -136,14 +251,32 @@ Add an entry to `src/descriptors/components.ts`:
   validAttributeValues: {
     variant: ['primary', 'secondary'],
   },
+  slots: [
+    { name: '', acceptedChildren: ['sp-menu-item'] },
+    { name: 'icon', acceptedChildren: ['sp-icon'] },
+  ],
 }
 ```
 
 No new rule code needed — the rule factory picks it up automatically.
 
-### Adding a new template syntax (e.g. JSX)
+### JSX naming conventions
+
+The JSX adapter supports two usage patterns:
 
-Create a new adapter in `src/adapters/` that returns `ParsedElement[]` from the relevant AST node type. The rule logic is template-agnostic.
+| Pattern | Example | Resolves to |
+|---|---|---|
+| Kebab-case (direct CE usage) | `<sp-action-menu>` | `sp-action-menu` |
+| PascalCase (React wrapper) | `<SpActionMenu>` | `sp-action-menu` |
+
+CamelCase props are automatically converted to their kebab-case attribute equivalents:
+- `ariaLabel` → `aria-label`
+- `isDecorative` → `is-decorative`
+- `allowOutsideClick` → `allow-outside-click`
+
+### Adding a new template syntax
+
+Create a new adapter in `src/adapters/` that returns `ParsedElement[]` from the relevant AST node type, then register its visitor in `rule-factory.ts`. The rule logic is template-agnostic.
 
 ## Configs
 
@@ -157,8 +290,11 @@ Create a new adapter in `src/adapters/` that returns `ParsedElement[]` from the
 The plugin **skips** attributes with dynamic template expressions since they can't be statically verified:
 
 ```js
-// No warning — value is dynamic
+// No warning — Lit dynamic value
 html`<sp-action-menu label=${this.label}></sp-action-menu>`;
+
+// No warning — JSX dynamic value
+<SpActionMenu label={this.label}></SpActionMenu>
 ```
 
 ## Related

package/dist/adapters/jsx-adapter.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+import type { Rule } from 'eslint';
+import type { ParsedElement } from '../core/types.js';
+/**
+ * Extract a ParsedElement from a JSXElement AST node.
+ * Returns an empty array if not an SWC element.
+ * Recursively extracts direct children for slot validation.
+ */
+export declare function extractElementFromJSX(node: Rule.Node): ParsedElement[];
+//# sourceMappingURL=jsx-adapter.d.ts.map

package/dist/adapters/jsx-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-adapter.d.ts","sourceRoot":"","sources":["../../src/adapters/jsx-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAsKtE;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,aAAa,EAAE,CAkCtE"}

package/dist/adapters/jsx-adapter.js

@@ -0,0 +1,150 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+import { camelToKebab, isSwcJsxTag, resolveJsxTagName } from './utils.js';
+/**
+ * Resolve a JSX element's name node to a plain string.
+ * Handles both `<SpButton>` (JSXIdentifier) and `<Sp.Button>` (JSXMemberExpression).
+ */
+function getJsxElementName(nameNode) {
+    if (nameNode.type === 'JSXIdentifier') {
+        return nameNode.name;
+    }
+    if (nameNode.type === 'JSXMemberExpression') {
+        const parts = [];
+        let current = nameNode;
+        while (current.type === 'JSXMemberExpression') {
+            parts.unshift(current.property.name);
+            current = current.object;
+        }
+        parts.unshift(current.name);
+        return parts.join('.');
+    }
+    return null;
+}
+/**
+ * Determine if an attribute name is already kebab-case (contains a hyphen)
+ * meaning it doesn't need conversion.
+ */
+function isKebabCase(name) {
+    return name.includes('-');
+}
+/**
+ * Normalize a JSX attribute name to its HTML attribute equivalent.
+ * If the prop is already kebab-case (e.g. `aria-label`), keep as-is.
+ * Otherwise convert camelCase to kebab-case.
+ */
+function normalizeAttributeName(jsxPropName) {
+    if (isKebabCase(jsxPropName))
+        return jsxPropName;
+    return camelToKebab(jsxPropName);
+}
+/**
+ * Extract attributes from a JSXOpeningElement into a normalized map.
+ */
+function extractAttributes(opening) {
+    const attributes = new Map();
+    for (const attr of opening.attributes) {
+        if (attr.type === 'JSXSpreadAttribute') {
+            continue;
+        }
+        const propName = attr.name.name;
+        const htmlName = normalizeAttributeName(propName);
+        if (attr.value === null) {
+            attributes.set(htmlName, { value: '', isDynamic: false });
+        }
+        else if (attr.value.type === 'Literal') {
+            const raw = attr.value.value === null ? '' : String(attr.value.value);
+            attributes.set(htmlName, { value: raw, isDynamic: false });
+        }
+        else if (attr.value.type === 'JSXExpressionContainer') {
+            attributes.set(htmlName, { value: null, isDynamic: true });
+        }
+    }
+    return attributes;
+}
+/**
+ * Recursively extract child ParsedElements from JSX children.
+ * Includes all element children so slot validation can check non-SWC tags too.
+ */
+function extractChildElements(children) {
+    const results = [];
+    for (const child of children) {
+        if (child.type !== 'JSXElement' || !child.openingElement)
+            continue;
+        const rawName = getJsxElementName(child.openingElement.name);
+        if (!rawName)
+            continue;
+        const isSwc = isSwcJsxTag(rawName);
+        const tagName = isSwc ? resolveJsxTagName(rawName) : rawName;
+        const attributes = extractAttributes(child.openingElement);
+        const grandchildren = child.children
+            ? extractChildElements(child.children)
+            : [];
+        let hasTextContent = false;
+        if (child.children) {
+            for (const grandchild of child.children) {
+                if (grandchild.type === 'JSXText') {
+                    const text = (grandchild.value ?? '').trim();
+                    if (text.length > 0) {
+                        hasTextContent = true;
+                        break;
+                    }
+                }
+            }
+        }
+        results.push({
+            tagName,
+            attributes,
+            children: grandchildren,
+            hasTextContent,
+        });
+    }
+    return results;
+}
+/**
+ * Extract a ParsedElement from a JSXElement AST node.
+ * Returns an empty array if not an SWC element.
+ * Recursively extracts direct children for slot validation.
+ */
+export function extractElementFromJSX(node) {
+    const jsxNode = node;
+    const opening = jsxNode.openingElement;
+    const rawName = getJsxElementName(opening.name);
+    if (!rawName || !isSwcJsxTag(rawName))
+        return [];
+    const tagName = resolveJsxTagName(rawName);
+    const attributes = extractAttributes(opening);
+    const children = jsxNode.children
+        ? extractChildElements(jsxNode.children)
+        : [];
+    let hasTextContent = false;
+    if (jsxNode.children) {
+        for (const child of jsxNode.children) {
+            if (child.type === 'JSXText') {
+                const text = (child.value ?? '').trim();
+                if (text.length > 0) {
+                    hasTextContent = true;
+                    break;
+                }
+            }
+        }
+    }
+    return [
+        {
+            tagName,
+            attributes,
+            children,
+            hasTextContent,
+        },
+    ];
+}
+//# sourceMappingURL=jsx-adapter.js.map

package/dist/adapters/jsx-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-adapter.js","sourceRoot":"","sources":["../../src/adapters/jsx-adapter.ts"],"names":[],"mappings":"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"}

package/dist/adapters/utils.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/**
+ * Convert a PascalCase SWC React wrapper name to its kebab-case tag name.
+ * e.g. "SpActionMenu" -> "sp-action-menu", "SpProgressBar" -> "sp-progress-bar"
+ */
+export declare function pascalToKebab(name: string): string;
+/**
+ * Convert a camelCase JSX prop name to its kebab-case HTML attribute equivalent.
+ * e.g. "ariaLabel" -> "aria-label", "isDecorative" -> "is-decorative"
+ */
+export declare function camelToKebab(name: string): string;
+/**
+ * Check whether a kebab-case tag name is a recognized SWC element.
+ */
+export declare function isSwcTagName(tagName: string): boolean;
+/**
+ * Check whether a JSX tag name looks like an SWC React wrapper (PascalCase starting with "Sp")
+ * or a custom element used directly in JSX (kebab-case starting with "sp-").
+ */
+export declare function isSwcJsxTag(name: string): boolean;
+/**
+ * Resolve a JSX tag name to its canonical kebab-case SWC tag name.
+ * Handles both PascalCase wrappers and direct custom element usage.
+ */
+export declare function resolveJsxTagName(name: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/adapters/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/adapters/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMlD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAErD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAKjD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAItD"}

package/dist/adapters/utils.js

@@ -0,0 +1,58 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/**
+ * Convert a PascalCase SWC React wrapper name to its kebab-case tag name.
+ * e.g. "SpActionMenu" -> "sp-action-menu", "SpProgressBar" -> "sp-progress-bar"
+ */
+export function pascalToKebab(name) {
+    return name
+        .replace(/([A-Z])/g, (match, char, index) => index === 0 ? char.toLowerCase() : `-${char.toLowerCase()}`)
+        .replace(/^sp-/, 'sp-');
+}
+/**
+ * Convert a camelCase JSX prop name to its kebab-case HTML attribute equivalent.
+ * e.g. "ariaLabel" -> "aria-label", "isDecorative" -> "is-decorative"
+ */
+export function camelToKebab(name) {
+    return name.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+/**
+ * Check whether a kebab-case tag name is a recognized SWC element.
+ */
+export function isSwcTagName(tagName) {
+    return tagName.startsWith('sp-') || tagName === 'overlay-trigger';
+}
+/**
+ * Check whether a JSX tag name looks like an SWC React wrapper (PascalCase starting with "Sp")
+ * or a custom element used directly in JSX (kebab-case starting with "sp-").
+ */
+export function isSwcJsxTag(name) {
+    if (name.startsWith('sp-') || name === 'overlay-trigger')
+        return true;
+    if (/^Sp[A-Z]/.test(name))
+        return true;
+    if (name === 'OverlayTrigger')
+        return true;
+    return false;
+}
+/**
+ * Resolve a JSX tag name to its canonical kebab-case SWC tag name.
+ * Handles both PascalCase wrappers and direct custom element usage.
+ */
+export function resolveJsxTagName(name) {
+    if (name.startsWith('sp-') || name === 'overlay-trigger')
+        return name;
+    if (name === 'OverlayTrigger')
+        return 'overlay-trigger';
+    return pascalToKebab(name);
+}
+//# sourceMappingURL=utils.js.map

package/dist/adapters/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/adapters/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,OAAO,IAAI;SACR,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAC1C,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAC5D;SACA,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,OAAe;IAC1C,OAAO,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,iBAAiB,CAAC;AACpE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,iBAAiB;QAAE,OAAO,IAAI,CAAC;IACtE,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,IAAI,IAAI,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAC3C,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,iBAAiB;QAAE,OAAO,IAAI,CAAC;IACtE,IAAI,IAAI,KAAK,gBAAgB;QAAE,OAAO,iBAAiB,CAAC;IACxD,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC"}

package/dist/core/rule-factory.d.ts

@@ -30,5 +30,15 @@ export declare function createRequiredAttributesRule(descriptors: ComponentDescr
  * Creates the `valid-attribute-values` rule.
  */
 export declare function createValidAttributeValuesRule(descriptors: ComponentDescriptorMap): RuleModule;
+/**
+ * Creates the `valid-slot-names` rule that checks children aren't placed
+ * into non-existent slots.
+ */
+export declare function createValidSlotNamesRule(descriptors: ComponentDescriptorMap): RuleModule;
+/**
+ * Creates the `valid-slot-children` rule that checks a child element's tag
+ * is accepted in the slot it targets.
+ */
+export declare function createValidSlotChildrenRule(descriptors: ComponentDescriptorMap): RuleModule;
 export {};
 //# sourceMappingURL=rule-factory.d.ts.map

package/dist/core/rule-factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-factory.d.ts","sourceRoot":"","sources":["../../src/core/rule-factory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAEV,sBAAsB,EAIvB,MAAM,YAAY,CAAC;AAGpB,KAAK,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;AAmClC;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAoGZ;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAoEZ;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAyCZ;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAmDZ"}
+{"version":3,"file":"rule-factory.d.ts","sourceRoot":"","sources":["../../src/core/rule-factory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAEV,sBAAsB,EAKvB,MAAM,YAAY,CAAC;AAIpB,KAAK,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;AAmClC;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAyGZ;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAyEZ;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CA8CZ;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAwDZ;AAYD;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,WAAW,EAAE,sBAAsB,GAClC,UAAU,CAwDZ;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,sBAAsB,GAClC,UAAU,CA8DZ"}