@dialpad/eslint-plugin-dialtone 1.12.0-next.3 → 1.12.0

package/lib/rules/deprecated-dialtone-component.js

@@ -0,0 +1,100 @@
+/**
+ * @fileoverview Detects usages of deprecated Dialtone components that should be replaced by newer alternatives.
+ * @author Brad Paugh
+ */
+"use strict";
+
+//------------------------------------------------------------------------------
+// Rule Definition
+//------------------------------------------------------------------------------
+
+/** @type {import('eslint').Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: 'suggestion', // `problem`, `suggestion`, or `layout`
+    docs: {
+      description: "Detects usages of deprecated Dialtone components that should be replaced by newer alternatives",
+      recommended: false,
+      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-dialtone-component.md',
+    },
+    fixable: null, // Or `code` or `whitespace`
+    schema: [], // Add a schema if the rule has options
+    messages: {
+      deprecatedDialtoneComponent: '{{ componentName }} is deprecated. Replace with {{ replacement }} from {{ package }}.',
+      deprecatedDtIcon: 'DtIcon is deprecated. Import icon components directly instead, for example: import { DtIconPhoneHangUp } from \'@dialpad/dialtone-icons/vue3\'.',
+    }
+  },
+
+  create(context) {
+    const deprecatedIconComponent = 'DtIcon';
+
+    const deprecatedComponents = [
+      { componentName: 'DtRecipeComboboxMultiSelect', replacement: 'DtComboboxMultiSelect', package: '@dialpad/dialtone' },
+      { componentName: 'DtRecipeComboboxWithPopover', replacement: 'DtComboboxWithPopover', package: '@dialpad/dialtone' },
+      { componentName: 'DtRecipeMotionText', replacement: 'DtMotionText', package: '@dialpad/dialtone' },
+      { componentName: 'DtRecipeCallbarButton', replacement: 'DpCallbarButton', package: '@dialpad/callbarkit' },
+      { componentName: 'DtRecipeCallbarButtonWithPopover', replacement: 'DpCallbarButtonWithPopover', package: '@dialpad/callbarkit' },
+      { componentName: 'DtRecipeCallbarButtonWithDropdown', replacement: 'DpCallbarButtonWithDropdown', package: '@dialpad/callbarkit' },
+      { componentName: 'DtRecipeGroupedChip', replacement: 'DpGroupedChip', package: '@dialpad/callbarkit' },
+      { componentName: 'DtRecipeTopBannerInfo', replacement: 'DpTopBannerInfo', package: '@dialpad/callbarkit' },
+      { componentName: 'DtRecipeAttachmentCarousel', replacement: 'DpAttachmentCarousel', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeMessageInput', replacement: 'DpMessageInput', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeContactInfo', replacement: 'DpContactInfo', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeEditor', replacement: 'DpEditor', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeEmojiRow', replacement: 'DpEmojiRow', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeFeedItemPill', replacement: 'DpFeedItemPill', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeFeedItemRow', replacement: 'DpFeedItemRow', package: '@dialpad/chatkit' },
+      { componentName: 'DtRecipeContactCentersRow', replacement: 'DpContactCentersRow', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeContactRow', replacement: 'DpContactRow', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeGeneralRow', replacement: 'DpGeneralRow', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeGroupRow', replacement: 'DpGroupRow', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeUnreadPill', replacement: 'DpUnreadPill', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeCallbox', replacement: 'DpCallbox', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeSettingsMenuButton', replacement: 'DpSettingsMenuButton', package: '@dialpad/navigationkit' },
+      { componentName: 'DtRecipeIvrNode', replacement: 'DpIvrNode', package: '@dialpad/workflowkit' },
+    ];
+
+    //----------------------------------------------------------------------
+    // Public
+    //----------------------------------------------------------------------
+
+    return {
+      ImportDeclaration(node) {
+        const importPath = node.source.value;
+
+        const isDialtoneSource = /^@dialpad\/dialtone(?:-vue)?(?:$|\/)/.test(importPath);
+        if (!isDialtoneSource) {
+          return;
+        }
+
+        node.specifiers.forEach(specifier => {
+          if (specifier.type !== 'ImportSpecifier') return;
+
+          const importedName = specifier.imported.name;
+
+          if (importedName === deprecatedIconComponent) {
+            context.report({
+              node: specifier,
+              messageId: 'deprecatedDtIcon',
+            });
+            return;
+          }
+
+          const found = deprecatedComponents.find(item => item.componentName === importedName);
+
+          if (found) {
+            context.report({
+              node: specifier,
+              messageId: 'deprecatedDialtoneComponent',
+              data: {
+                componentName: found.componentName,
+                replacement: found.replacement,
+                package: found.package,
+              }
+            });
+          }
+        });
+      },
+    };
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/eslint-plugin-dialtone",
-  "version": "1.12.0-next.3",
+  "version": "1.12.0",
   "description": "dialtone eslint plugin",
   "keywords": [
     "Dialpad",

package/lib/rules/deprecated-headline-sizes.js

@@ -1,77 +0,0 @@
-/**
- * @fileoverview Detects usage of deprecated xxl/xxxl headline sizes which have been renamed to 2xl/3xl.
- * @author Dialtone Team
- */
-'use strict';
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-const SIZE_MAP = {
-  xxxl: '3xl',
-  xxl: '2xl',
-};
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: 'Headline sizes xxl/xxxl have been renamed to 2xl/3xl.',
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-headline-sizes.md',
-    },
-    fixable: 'code',
-    schema: [],
-    messages: {
-      deprecatedSize: 'Headline size "{{oldSize}}" has been renamed to "{{newSize}}". Update size="{{oldSize}}" to size="{{newSize}}".',
-      deprecatedClass: 'CSS class "{{oldClass}}" has been renamed to "{{newClass}}". Update to use the new class name.',
-    },
-  },
-
-  create(context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-      VAttribute(node) {
-        // Check size prop (e.g., size="xxl" or size="xxxl")
-        if (node.key.name === 'size' && node.value && node.value.value) {
-          const sizeValue = node.value.value;
-          if (SIZE_MAP[sizeValue]) {
-            context.report({
-              node,
-              messageId: 'deprecatedSize',
-              data: {
-                oldSize: sizeValue,
-                newSize: SIZE_MAP[sizeValue],
-              },
-              fix(fixer) {
-                return fixer.replaceText(node.value, `"${SIZE_MAP[sizeValue]}"`);
-              },
-            });
-          }
-        }
-
-        // Check class attributes for deprecated d-text-headline--xxl/xxxl classes
-        // Note: We only flag d-text-headline-- (current system), NOT d-headline-- (legacy system)
-        if (node.key.name === 'class' && node.value && node.value.value) {
-          const classValue = node.value.value;
-          // Match d-text-headline--xxl or d-text-headline--xxxl (but NOT d-headline--xxl)
-          const match = classValue.match(/\bd-text-headline--(xxx?l)\b/);
-          if (match && SIZE_MAP[match[1]]) {
-            const oldClass = `d-text-headline--${match[1]}`;
-            const newClass = `d-text-headline--${SIZE_MAP[match[1]]}`;
-            context.report({
-              node,
-              messageId: 'deprecatedClass',
-              data: { oldClass, newClass },
-              fix(fixer) {
-                const newValue = classValue.replace(oldClass, newClass);
-                return fixer.replaceText(node.value, `"${newValue}"`);
-              },
-            });
-          }
-        }
-      },
-    });
-  },
-};

package/lib/rules/deprecated-physical-naming.js

@@ -1,228 +0,0 @@
-/**
- * @fileoverview Detect deprecated physical direction names in Dialtone component
- * slots, props, prop values, and events. Suggests logical replacements.
- */
-'use strict';
-
-//------------------------------------------------------------------------------
-// Constants
-//------------------------------------------------------------------------------
-
-/**
- * Maps component names to their deprecated slot names and replacements.
- * null value = special handling (ambiguous, e.g. #icon on dt-button).
- */
-const DEPRECATED_SLOTS = {
-  'dt-badge': { leftIcon: 'startIcon', rightIcon: 'endIcon' },
-  'dt-button': { icon: null },
-  'dt-input': { leftIcon: 'startIcon', rightIcon: 'endIcon' },
-  'dt-tab': { leftIcon: 'startIcon' },
-  'dt-split-button': { alphaIcon: 'startIcon', omegaIcon: 'endIcon', omega: 'end' },
-  'dt-item-layout': { left: 'start', right: 'end', bottom: 'blockEnd' },
-  'dt-recipe-callbox': { right: 'end', bottom: 'blockEnd' },
-  'dt-recipe-contact-centers-row': { right: 'end' },
-  'dt-recipe-general-row': { left: 'start' },
-  'dt-recipe-top-banner-info': { left: 'start', right: 'end' },
-  'dt-recipe-grouped-chip': {
-    leftIcon: 'startIcon',
-    rightIcon: 'endIcon',
-    leftContent: 'startContent',
-    rightContent: 'endContent',
-  },
-};
-
-/**
- * Maps component names to their deprecated prop names (kebab-case) and replacements.
- */
-const DEPRECATED_PROPS = {
-  'dt-item-layout': {
-    'left-class': 'start-class',
-    'right-class': 'end-class',
-    'bottom-class': 'block-end-class',
-  },
-  'dt-split-button': {
-    'alpha-active': 'start-active',
-    'alpha-aria-label': 'start-aria-label',
-    'alpha-icon-position': 'start-icon-position',
-    'alpha-leading-class': 'start-leading-class',
-    'alpha-trailing-class': 'start-trailing-class',
-    'alpha-label-class': 'start-label-class',
-    'alpha-disabled': 'start-disabled',
-    'alpha-loading': 'start-loading',
-    'alpha-tooltip-text': 'start-tooltip-text',
-    'omega-active': 'end-active',
-    'omega-aria-label': 'end-aria-label',
-    'omega-disabled': 'end-disabled',
-    'omega-id': 'end-id',
-    'omega-tooltip-text': 'end-tooltip-text',
-  },
-};
-
-/**
- * Maps component names to props whose specific values are deprecated.
- */
-const DEPRECATED_PROP_VALUES = {
-  'dt-button': {
-    'icon-position': { left: 'start', right: 'end', top: 'blockStart', bottom: 'blockEnd' },
-  },
-  'dt-root-layout': {
-    'sidebar-position': { left: 'start', right: 'end' },
-  },
-};
-
-/**
- * Maps component names to their deprecated event names and replacements.
- */
-const DEPRECATED_EVENTS = {
-  'dt-split-button': { 'alpha-clicked': 'start-clicked', 'omega-clicked': 'end-clicked' },
-};
-
-//------------------------------------------------------------------------------
-// Helpers
-//------------------------------------------------------------------------------
-
-/**
- * Converts PascalCase or camelCase to kebab-case.
- * e.g. 'DtBadge' → 'dt-badge', 'DtRecipeCallbox' → 'dt-recipe-callbox'
- */
-function toKebabCase (str) {
-  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-
-//------------------------------------------------------------------------------
-// Rule Definition
-//------------------------------------------------------------------------------
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: 'Detect deprecated physical direction names in Dialtone component slots, props, prop values, and events',
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-physical-naming.md',
-    },
-    fixable: null,
-    schema: [],
-    messages: {
-      deprecatedSlot:
-        '#{{ oldSlot }} on <{{ component }}> is deprecated. Use #{{ newSlot }} instead.',
-      deprecatedIconSlot:
-        'The #icon slot on <dt-button> is deprecated. Use #startIcon, #endIcon, #blockStartIcon, or #blockEndIcon instead.',
-      deprecatedProp:
-        '{{ oldProp }} on <{{ component }}> is deprecated. Use {{ newProp }} instead.',
-      deprecatedPropValue:
-        '{{ prop }}="{{ oldValue }}" on <{{ component }}> is deprecated. Use {{ prop }}="{{ newValue }}" instead.',
-      deprecatedEvent:
-        '@{{ oldEvent }} on <{{ component }}> is deprecated. Use @{{ newEvent }} instead.',
-    },
-  },
-
-  create (context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-
-      VElement (node) {
-        const rawName = node.rawName || node.name;
-        const elementName = rawName.includes('-') ? rawName : toKebabCase(rawName);
-
-        const slotsMap = DEPRECATED_SLOTS[elementName];
-        const propsMap = DEPRECATED_PROPS[elementName];
-        const propValuesMap = DEPRECATED_PROP_VALUES[elementName];
-        const eventsMap = DEPRECATED_EVENTS[elementName];
-
-        // Check attributes in a single pass (props, prop values, events)
-        if (propsMap || propValuesMap || eventsMap) {
-          for (const attr of node.startTag.attributes) {
-            if (!attr.directive) {
-              // Static props: alpha-active, left-class="x", icon-position="left"
-              const attrName = attr.key && (attr.key.rawName || attr.key.name);
-              if (attrName && propsMap && propsMap[attrName]) {
-                context.report({
-                  node: attr,
-                  messageId: 'deprecatedProp',
-                  data: {
-                    component: elementName,
-                    oldProp: attrName,
-                    newProp: propsMap[attrName],
-                  },
-                });
-              }
-              if (attrName && propValuesMap && propValuesMap[attrName] && attr.value) {
-                const val = attr.value.value;
-                if (propValuesMap[attrName][val]) {
-                  context.report({
-                    node: attr,
-                    messageId: 'deprecatedPropValue',
-                    data: {
-                      component: elementName,
-                      prop: attrName,
-                      oldValue: val,
-                      newValue: propValuesMap[attrName][val],
-                    },
-                  });
-                }
-              }
-            } else if (attr.directive && attr.key.name.name === 'bind') {
-              // Dynamic props: :alpha-active="x", v-bind:omega-disabled="y"
-              const bindName = attr.key.argument && (attr.key.argument.rawName || attr.key.argument.name);
-              if (bindName && propsMap && propsMap[bindName]) {
-                context.report({
-                  node: attr,
-                  messageId: 'deprecatedProp',
-                  data: {
-                    component: elementName,
-                    oldProp: bindName,
-                    newProp: propsMap[bindName],
-                  },
-                });
-              }
-            } else if (eventsMap && attr.key.name.name === 'on') {
-              const eventName = attr.key.argument && (attr.key.argument.rawName || attr.key.argument.name);
-              if (eventName && eventsMap[eventName]) {
-                context.report({
-                  node: attr,
-                  messageId: 'deprecatedEvent',
-                  data: {
-                    component: elementName,
-                    oldEvent: eventName,
-                    newEvent: eventsMap[eventName],
-                  },
-                });
-              }
-            }
-          }
-        }
-
-        // Check child <template> elements for deprecated slot names
-        if (slotsMap) {
-          for (const child of node.children) {
-            if (child.type === 'VElement' && child.name === 'template') {
-              for (const attr of child.startTag.attributes) {
-                if (attr.directive && attr.key.name.name === 'slot') {
-                  const slotName = attr.key.argument && (attr.key.argument.rawName || attr.key.argument.name);
-                  if (slotName && slotName in slotsMap) {
-                    if (slotsMap[slotName] === null) {
-                      // #icon on dt-button is ambiguous — consumer must choose replacement
-                      context.report({ node: attr, messageId: 'deprecatedIconSlot' });
-                    } else {
-                      context.report({
-                        node: attr,
-                        messageId: 'deprecatedSlot',
-                        data: {
-                          component: elementName,
-                          oldSlot: slotName,
-                          newSlot: slotsMap[slotName],
-                        },
-                      });
-                    }
-                  }
-                  break;
-                }
-              }
-            }
-          }
-        }
-      },
-    });
-  },
-};

package/lib/rules/deprecated-pixel-utility-classes.js

@@ -1,73 +0,0 @@
-/**
- * @fileoverview Detects usage of pixel-based utility classes (d-h16, d-p8, d-m8, etc.)
- * which should be replaced with token-stop-based equivalents (d-h-25, d-p-100, d-m-100).
- * @author Joshua Hynes
- */
-"use strict";
-
-//------------------------------------------------------------------------------
-// Rule Definition
-//------------------------------------------------------------------------------
-
-// Pixel values that have token-stop equivalents
-// MUST STAY IN SYNC with WIDTH_HEIGHTS_LAYOUT, MARGIN_SIZES_SPACING, MARGIN_SIZES_LAYOUT,
-// and NEGATIVE_SPACING_MAP in dialtone-css/postcss/constants.cjs
-// Sizing: layout stops (16px+)
-const SIZING_PIXELS = '16|32|48|64|80|96|112|128|160|192|224|256|288|320|352|384|416|448|480|512|544|576|608|640|672|704|736|768|800|832|864|896|928|960|992|1024';
-// Spacing: spacing stops (0-64px) + layout stops for margin/padding (96, 128)
-const SPACING_PIXELS = '0|1|2|4|6|8|10|12|14|16|20|24|32|48|64|96|128';
-// Negative spacing
-const NEGATIVE_PIXELS = '1|2|4|6|8|10|12|14|16|24|32|48|64';
-
-// Build patterns for each category
-// Sizing: d-h16, d-w64, d-hmn96, d-hmx128, d-wmn32, d-wmx512
-const SIZING_PATTERN = `d-(?:h|w|hmn|hmx|wmn|wmx)(?:${SIZING_PIXELS})\\b`;
-// Margin: d-m8, d-mt16, d-mr8, d-mb8, d-ml8, d-mx8, d-my8
-const MARGIN_PATTERN = `d-m(?:t|r|b|l|x|y)?(?:${SPACING_PIXELS})\\b`;
-// Negative margin: d-mtn8, d-mrn8, d-mbn8, d-mln8, d-mxn8, d-myn8, d-mn8
-const NEGATIVE_MARGIN_PATTERN = `d-m(?:t|r|b|l|x|y)?n(?:${NEGATIVE_PIXELS})\\b`;
-// Padding: d-p8, d-pt16, d-pr8, d-pb8, d-pl8, d-px8, d-py8
-const PADDING_PATTERN = `d-p(?:t|r|b|l|x|y)?(?:${SPACING_PIXELS})\\b`;
-// Gap: d-g8, d-rg8, d-cg8
-const GAP_PATTERN = `d-(?:g|rg|cg)(?:${SPACING_PIXELS})\\b`;
-// Position: d-t8, d-r8, d-b8, d-l8, d-x8, d-y8, d-all8
-const POSITION_PATTERN = `d-(?:t|r|b|l|x|y|all)(?:${SPACING_PIXELS})\\b`;
-// Negative position: d-tn8, d-rn8, d-bn8, d-ln8, d-xn8, d-yn8, d-alln8
-const NEGATIVE_POSITION_PATTERN = `d-(?:t|r|b|l|x|y|all)n(?:${NEGATIVE_PIXELS})\\b`;
-
-const COMBINED_PATTERN = new RegExp(
-  `(?:${SIZING_PATTERN}|${NEGATIVE_MARGIN_PATTERN}|${MARGIN_PATTERN}|${PADDING_PATTERN}|${GAP_PATTERN}|${NEGATIVE_POSITION_PATTERN}|${POSITION_PATTERN})`
-);
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: "Pixel-based utility classes (d-h16, d-p8, d-m8) are deprecated. Use token-stop-based equivalents (d-h-25, d-p-100, d-m-100).",
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-pixel-utility-classes.md',
-    },
-    fixable: null,
-    schema: [],
-    messages: {
-      deprecatedPixelClass: `Pixel-based utility classes are deprecated. Use token-stop-based equivalents instead (e.g. d-h16 → d-h-25, d-p8 → d-p-100). Run the "utility-class-to-token-stops" migration helper to update automatically.`,
-    },
-  },
-
-  create (context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-      VAttribute (node) {
-        if (node.key.name === 'class') {
-          const classes = node.value.value;
-          if (COMBINED_PATTERN.test(classes)) {
-            context.report({
-              node,
-              messageId: 'deprecatedPixelClass',
-            });
-          }
-        }
-      },
-    });
-  },
-};

package/lib/rules/deprecated-tshirt-sizes.js

@@ -1,136 +0,0 @@
-/**
- * @fileoverview Detects usage of deprecated t-shirt size props (xs, sm, md, lg, xl) on Dialtone
- * components and suggests numeric equivalents (100, 200, 300, 400, 500).
- * @author Dialtone Team
- */
-'use strict';
-
-// ------------------------------------------------------------------------------
-// Rule Definition
-// ------------------------------------------------------------------------------
-
-const SIZE_MAP = {
-  xs: '100',
-  sm: '200',
-  md: '300',
-  lg: '400',
-  xl: '500',
-  '2xl': '600',
-  '3xl': '700',
-};
-
-const TSHIRT_VALUES = new Set(Object.keys(SIZE_MAP));
-
-// Props that accept the component size scale
-const SIZE_PROPS = ['size', 'label-size', 'labelSize'];
-
-// Speed prop on motion-text also uses the same scale
-const SPEED_PROPS = ['speed'];
-
-// All size-related prop names
-const ALL_SIZE_PROPS = [...SIZE_PROPS, ...SPEED_PROPS];
-
-// Only flag on Dialtone components (dt-* or Dt*)
-function isDialtoneComponent (node) {
-  const parent = node.parent;
-  if (!parent || parent.type !== 'VStartTag') return false;
-  const element = parent.parent;
-  if (!element || element.type !== 'VElement') return false;
-  const name = element.rawName || element.name || '';
-  return name.startsWith('dt-') || name.startsWith('Dt');
-}
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description: 'T-shirt sizes (xs, sm, md, lg, xl) are deprecated. Use numeric scale (100, 200, 300, 400, 500) instead.',
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/deprecated-tshirt-sizes.md',
-    },
-    fixable: 'code',
-    schema: [],
-    messages: {
-      deprecatedSize: 'Size "{{oldSize}}" is deprecated. Use :{{prop}}="{{newSize}}" instead.',
-      deprecatedSizeInBinding: 'T-shirt size "{{oldSize}}" in dynamic binding is deprecated. Use numeric {{newSize}} instead.',
-    },
-  },
-
-  create (context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-      VAttribute (node) {
-        if (!isDialtoneComponent(node)) return;
-
-        // Get the prop name and check if it's a size-related prop
-        const isDirective = node.directive;
-        const propName = isDirective
-          ? (node.key.argument && node.key.argument.name)
-          : node.key.name;
-
-        if (!propName || !ALL_SIZE_PROPS.includes(propName)) return;
-
-        // --- Static attributes: size="sm" → auto-fixable ---
-        if (!isDirective && node.value && node.value.value) {
-          const sizeValue = node.value.value;
-          if (SIZE_MAP[sizeValue]) {
-            context.report({
-              node,
-              messageId: 'deprecatedSize',
-              data: {
-                oldSize: sizeValue,
-                newSize: SIZE_MAP[sizeValue],
-                prop: propName,
-              },
-              fix (fixer) {
-                const newAttr = `:${propName}="${SIZE_MAP[sizeValue]}"`;
-                return fixer.replaceTextRange(
-                  [node.range[0], node.range[1]],
-                  newAttr,
-                );
-              },
-            });
-          }
-          return;
-        }
-
-        // --- Dynamic bindings: :size="'sm'" or :size="x ? 'sm' : 'md'" ---
-        if (isDirective && node.value && node.value.expression) {
-          // Walk the expression tree for string literals with t-shirt values
-          const expression = node.value.expression;
-          const literals = [];
-
-          (function findLiterals (n) {
-            if (!n) return;
-            if (n.type === 'Literal' && typeof n.value === 'string' && TSHIRT_VALUES.has(n.value)) {
-              literals.push(n);
-            }
-            // Walk child nodes
-            for (const key of Object.keys(n)) {
-              if (key === 'parent') continue;
-              const child = n[key];
-              if (child && typeof child === 'object') {
-                if (Array.isArray(child)) {
-                  child.forEach(c => { if (c && c.type) findLiterals(c); });
-                } else if (child.type) {
-                  findLiterals(child);
-                }
-              }
-            }
-          })(expression);
-
-          for (const literal of literals) {
-            context.report({
-              node: literal,
-              messageId: 'deprecatedSizeInBinding',
-              data: {
-                oldSize: literal.value,
-                newSize: SIZE_MAP[literal.value],
-              },
-            });
-          }
-        }
-      },
-    });
-  },
-};

package/lib/rules/focusgroup-requires-label.js

@@ -1,52 +0,0 @@
-/**
- * @fileoverview Warns when v-dt-focusgroup is used without an accessible label on the same element.
- * @author Dialtone
- */
-'use strict';
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'Warns when v-dt-focusgroup is used on an element without aria-label or aria-labelledby. ' +
-        'Screen readers need an accessible name to identify the widget.',
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/focusgroup-requires-label.md',
-    },
-    fixable: null,
-    schema: [],
-    messages: {
-      missingLabel:
-        'v-dt-focusgroup requires an accessible name via "aria-label" or "aria-labelledby" ' +
-        'so screen readers can identify the widget.',
-    },
-  },
-
-  create (context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-      VAttribute (node) {
-        if (!node.directive) return;
-        if (node.key.name.name !== 'dt-focusgroup') return;
-
-        const element = node.parent;
-        const hasLabel = element.attributes.some(
-          attr =>
-            (!attr.directive && (
-              attr.key.name === 'aria-label' ||
-              attr.key.name === 'aria-labelledby'
-            )) ||
-            (attr.directive && attr.key.name.name === 'bind' && (
-              attr.key.argument?.name === 'aria-label' ||
-              attr.key.argument?.name === 'aria-labelledby'
-            )),
-        );
-
-        if (!hasLabel) {
-          context.report({ node, messageId: 'missingLabel' });
-        }
-      },
-    });
-  },
-};

package/lib/rules/focusgroup-requires-role.js

@@ -1,46 +0,0 @@
-/**
- * @fileoverview Warns when v-dt-focusgroup is used without a role attribute on the same element.
- * @author Dialtone
- */
-'use strict';
-
-module.exports = {
-  meta: {
-    type: 'suggestion',
-    docs: {
-      description:
-        'Warns when v-dt-focusgroup is used on an element without a role attribute. ' +
-        'Screen readers need a role to announce the widget correctly.',
-      recommended: false,
-      url: 'https://github.com/dialpad/dialtone/blob/staging/packages/eslint-plugin-dialtone/docs/rules/focusgroup-requires-role.md',
-    },
-    fixable: null,
-    schema: [],
-    messages: {
-      missingRole:
-        'v-dt-focusgroup requires a "role" attribute (e.g. toolbar, tablist, listbox, radiogroup, menu) ' +
-        'so screen readers can announce the widget correctly.',
-    },
-  },
-
-  create (context) {
-    const sourceCode = context.sourceCode ?? context.getSourceCode();
-    return sourceCode.parserServices.defineTemplateBodyVisitor({
-      VAttribute (node) {
-        if (!node.directive) return;
-        if (node.key.name.name !== 'dt-focusgroup') return;
-
-        const element = node.parent;
-        const hasRole = element.attributes.some(
-          attr =>
-            (!attr.directive && attr.key.name === 'role') ||
-            (attr.directive && attr.key.name.name === 'bind' && attr.key.argument?.name === 'role'),
-        );
-
-        if (!hasRole) {
-          context.report({ node, messageId: 'missingRole' });
-        }
-      },
-    });
-  },
-};