@enjoys/context-engine 1.2.0 → 1.3.1

package/data/inlineCompletions/tailwindcss.json

@@ -0,0 +1,411 @@
+{
+  "language": "tailwindcss",
+  "inlineCompletions": [
+    {
+      "triggerPattern": "flex\\s+",
+      "insertText": "flex items-center justify-center",
+      "description": "Common flex centering pattern — centers items both vertically and horizontally.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "flex\\s+items-center\\s+",
+      "insertText": "flex items-center justify-between",
+      "description": "Flex row with vertically centered items spaced between — common navbar/header layout.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "grid\\s+",
+      "insertText": "grid grid-cols-3 gap-4",
+      "description": "3-column responsive grid with gap — common card/gallery layout pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "grid\\s+grid-cols-",
+      "insertText": "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
+      "description": "Responsive grid: 1 column on mobile, 2 on tablet, 3 on desktop.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "rounded-",
+      "insertText": "rounded-lg shadow-md p-6 bg-white",
+      "description": "Card component pattern — rounded corners, shadow, padding, white background.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "px-\\d+\\s+py-",
+      "insertText": "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition",
+      "description": "Button component pattern — padded, colored, rounded with hover transition.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "dark:",
+      "insertText": "dark:bg-gray-800 dark:text-white",
+      "description": "Common dark mode background and text color pairing.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "hover:",
+      "insertText": "hover:bg-blue-600 hover:shadow-lg transition duration-200",
+      "description": "Interactive hover state with background change, shadow, and smooth transition.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "focus:",
+      "insertText": "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
+      "description": "Accessible focus ring pattern — removes outline, adds visible ring indicator.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "min-h-screen",
+      "insertText": "min-h-screen flex flex-col",
+      "description": "Full-height page layout pattern with flex column for sticky footer.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@tailwind\\s+",
+      "insertText": "@tailwind base;\n@tailwind components;\n@tailwind utilities;",
+      "description": "Standard Tailwind CSS entry point — includes all three directive layers.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@layer\\s+components\\s*\\{",
+      "insertText": "@layer components {\n  .btn {\n    @apply px-4 py-2 rounded-lg font-medium transition;\n  }\n}",
+      "description": "Component layer with reusable button class using @apply.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "container\\s+",
+      "insertText": "container mx-auto px-4",
+      "description": "Centered container with horizontal padding — common page wrapper pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "bg-gradient",
+      "insertText": "bg-gradient-to-r from-blue-500 to-purple-600",
+      "description": "Horizontal gradient background from blue to purple.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "sr-only",
+      "insertText": "sr-only",
+      "description": "Screen-reader only — visually hides element while keeping it accessible.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "flex\\s+flex-col\\s+",
+      "insertText": "flex flex-col min-h-screen",
+      "description": "Full-height flex column layout — common for page shell with sticky header/footer.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "flex\\s+items-center\\s+gap-",
+      "insertText": "flex items-center gap-4 p-4",
+      "description": "Flex row with centered items, gap, and padding — toolbar/action bar pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "grid\\s+grid-cols-1\\s+",
+      "insertText": "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",
+      "description": "Responsive grid: 1→2→3→4 columns across breakpoints — product/card grid.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "grid\\s+grid-cols-12",
+      "insertText": "grid grid-cols-12 gap-4",
+      "description": "12-column layout grid with gap — traditional columnar layout.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "absolute\\s+",
+      "insertText": "absolute inset-0",
+      "description": "Absolute position filling parent — overlay pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "absolute\\s+inset-0\\s+",
+      "insertText": "absolute inset-0 flex items-center justify-center bg-black/50",
+      "description": "Centered overlay with semi-transparent background — modal backdrop.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "fixed\\s+",
+      "insertText": "fixed inset-x-0 top-0 z-50",
+      "description": "Fixed top bar — sticky header/navbar pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "fixed\\s+bottom-",
+      "insertText": "fixed bottom-4 right-4 z-50",
+      "description": "Fixed bottom-right FAB — floating action button pattern.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "sticky\\s+",
+      "insertText": "sticky top-0 z-40 bg-white/80 backdrop-blur-sm",
+      "description": "Sticky header with glass morphism — frosted glass navbar.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "relative\\s+overflow-",
+      "insertText": "relative overflow-hidden rounded-lg",
+      "description": "Relative container with hidden overflow and rounding — image card pattern.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "max-w-\\w+\\s+mx-",
+      "insertText": "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
+      "description": "Responsive centered container — standard page width wrapper with responsive padding.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "w-full\\s+max-",
+      "insertText": "w-full max-w-md mx-auto",
+      "description": "Centered card/form wrapper — medium-width centered content.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "aspect-",
+      "insertText": "aspect-video rounded-lg overflow-hidden",
+      "description": "Video container — 16:9 ratio with rounded corners and clipped overflow.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "px-\\d+\\s+py-\\d+\\s+",
+      "insertText": "px-6 py-3 bg-blue-600 text-white font-medium rounded-lg shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",
+      "description": "Fully accessible button — padded, colored, rounded with hover, focus ring, and transition.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "border\\s+rounded-",
+      "insertText": "border rounded-lg p-4 bg-white shadow-sm hover:shadow-md transition-shadow",
+      "description": "Interactive card — bordered, rounded, padded with hover shadow lift.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "bg-white\\s+rounded-",
+      "insertText": "bg-white rounded-xl shadow-lg p-6 space-y-4",
+      "description": "Card component — white background, large rounded corners, shadow, spaced content.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "bg-white\\s+dark:",
+      "insertText": "bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100",
+      "description": "Dark mode adaptive — light/dark background and text pair.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "hover:scale-",
+      "insertText": "hover:scale-105 transition-transform duration-200",
+      "description": "Hover zoom effect — subtle scale up with smooth transition.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "hover:bg-\\w+\\s+",
+      "insertText": "hover:bg-blue-700 active:bg-blue-800 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-colors",
+      "description": "Full interactive state stack — hover, active, and focus-visible states with transition.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "group\\s+",
+      "insertText": "group relative cursor-pointer",
+      "description": "Group parent setup — enables group-hover/group-focus on children.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "group-hover:",
+      "insertText": "group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-200 opacity-0 translate-y-2",
+      "description": "Group hover reveal — element slides up and fades in when parent is hovered.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "peer\\s+",
+      "insertText": "peer",
+      "description": "Peer sibling marker — enables peer-* variants on subsequent siblings.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "peer-checked:",
+      "insertText": "peer-checked:bg-blue-600 peer-checked:text-white peer-checked:border-blue-600 transition-colors",
+      "description": "Peer checked state — styled label/toggle that reacts to checkbox state.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "peer-focus:",
+      "insertText": "peer-focus:text-blue-600 peer-focus:text-sm peer-focus:-translate-y-5 transition-all",
+      "description": "Floating label pattern — label moves up and changes color when input is focused.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "disabled:",
+      "insertText": "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",
+      "description": "Disabled state — reduces opacity and disables interaction.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "aria-",
+      "insertText": "aria-expanded:rotate-180 transition-transform duration-200",
+      "description": "ARIA expanded rotation — icon rotates when element is expanded (accordion/dropdown).",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "sm:flex\\s+",
+      "insertText": "sm:flex sm:items-center sm:justify-between",
+      "description": "Responsive flex row from sm — stack on mobile, row with space-between on tablet+.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "md:grid-cols-",
+      "insertText": "md:grid-cols-2 lg:grid-cols-3",
+      "description": "Responsive grid columns — 2 columns on tablet, 3 on desktop.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "lg:flex-row\\s+",
+      "insertText": "lg:flex-row flex-col",
+      "description": "Responsive direction — column on mobile/tablet, row on desktop.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "hidden\\s+sm:",
+      "insertText": "hidden sm:block",
+      "description": "Mobile-hidden — hidden on mobile, visible from sm breakpoint.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "sm:hidden",
+      "insertText": "sm:hidden",
+      "description": "Desktop-hidden — visible on mobile only.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "text-sm\\s+sm:",
+      "insertText": "text-sm sm:text-base md:text-lg lg:text-xl",
+      "description": "Responsive typography — text scales up across breakpoints.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "p-4\\s+sm:",
+      "insertText": "p-4 sm:p-6 md:p-8 lg:p-12",
+      "description": "Responsive padding — padding increases across breakpoints.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "gap-4\\s+sm:",
+      "insertText": "gap-4 sm:gap-6 md:gap-8",
+      "description": "Responsive gap — gap size increases across breakpoints.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "@layer\\s+base\\s*\\{",
+      "insertText": "@layer base {\n  html {\n    @apply scroll-smooth antialiased;\n  }\n  body {\n    @apply bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100;\n  }\n}",
+      "description": "Base layer with global defaults — smooth scroll, antialiased text, dark mode body.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "@layer\\s+utilities\\s*\\{",
+      "insertText": "@layer utilities {\n  .text-balance {\n    text-wrap: balance;\n  }\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n  .no-scrollbar {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n}",
+      "description": "Utility layer with custom utilities — balanced text wrap and hidden scrollbar.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "before:content-",
+      "insertText": "before:content-[''] before:absolute before:inset-0",
+      "description": "Before pseudo-element overlay — empty content, absolutely positioned to fill parent.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "after:content-",
+      "insertText": "after:content-[''] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-blue-500 after:scale-x-0 hover:after:scale-x-100 after:transition-transform",
+      "description": "Animated underline — expanding line on hover using ::after pseudo-element.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "motion-safe:",
+      "insertText": "motion-safe:animate-bounce motion-reduce:animate-none",
+      "description": "Accessible animation — bounces for users who allow motion, static for those who don't.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "print:",
+      "insertText": "print:hidden",
+      "description": "Print-hidden — hides element when printing.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "placeholder:text-",
+      "insertText": "placeholder:text-gray-400 placeholder:italic",
+      "description": "Styled placeholder — gray italic placeholder text.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "file:",
+      "insertText": "file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-blue-50 file:text-blue-700 file:font-medium hover:file:bg-blue-100 file:cursor-pointer",
+      "description": "Styled file input button — rounded, colored file selector button with hover.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "selection:",
+      "insertText": "selection:bg-blue-200 selection:text-blue-900",
+      "description": "Custom text selection — blue highlight with dark text.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "marker:",
+      "insertText": "marker:text-blue-500",
+      "description": "Custom list markers — blue bullet points.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "snap-x\\s+",
+      "insertText": "snap-x snap-mandatory overflow-x-auto flex gap-4 scroll-smooth",
+      "description": "Horizontal scroll snap carousel — flex row with mandatory snap points.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "snap-start\\s+",
+      "insertText": "snap-start shrink-0 w-80",
+      "description": "Carousel item — snaps to start, doesn't shrink, fixed width.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "backdrop-blur-",
+      "insertText": "backdrop-blur-md bg-white/30 dark:bg-gray-900/30",
+      "description": "Glass morphism — frosted glass effect with backdrop blur and semi-transparent background.",
+      "completeBracketPairs": true
+    },
+
+    {
+      "triggerPattern": "odd:",
+      "insertText": "odd:bg-gray-50 even:bg-white",
+      "description": "Striped rows — alternating row backgrounds for tables/lists.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "first:",
+      "insertText": "first:mt-0 last:mb-0",
+      "description": "Boundary margin reset — removes top margin from first and bottom margin from last child.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "data-\\[",
+      "insertText": "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "description": "Data state animations — animate in/out based on open/closed data attribute.",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "has-\\[",
+      "insertText": "has-[:checked]:bg-blue-50 has-[:checked]:ring-2 has-[:checked]:ring-blue-500",
+      "description": "Parent styling from child state — parent highlights when child checkbox is checked.",
+      "completeBracketPairs": true
+    }
+  ]
+}

package/data/inlineCompletions/typescript.json

@@ -12,6 +12,18 @@
       "insertText": "interface ${1:Name} {\n\t${2:property}: ${3:type};\n}",
       "description": "Interface",
       "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "^\\\\s*rfc\\\\s*$",
+      "insertText": "type ${1:Props} = { ${2:label}: ${3:string} };\n\nexport function ${4:Component}({ ${2:label} }: ${1:Props}) {\n\treturn (\n\t\t<div className=\"${5}\">${6}</div>\n\t);\n}",
+      "description": "React function component (TSX)",
+      "completeBracketPairs": true
+    },
+    {
+      "triggerPattern": "^\\\\s*useState\\\\s*$",
+      "insertText": "const [${1:state}, set${2:State}] = useState<${3:Type}>(${4:initial});",
+      "description": "Typed useState hook",
+      "completeBracketPairs": true
     }
   ]
 }

package/data/linkedEditingRange/css.json

@@ -0,0 +1,40 @@
+{
+  "language": "css",
+  "linkedEditingPatterns": [
+    {
+      "pattern": "(--(([a-zA-Z_][a-zA-Z0-9_-]*)))\\s*:.*var\\(\\s*\\1\\s*(?:,[^)]*)?\\)",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between CSS custom property definition (--name: value) and var(--name) references. Renaming one updates all occurrences."
+    },
+    {
+      "pattern": "@keyframes\\s+([a-zA-Z_][a-zA-Z0-9_-]*).*animation(?:-name)?\\s*:\\s*\\1",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between @keyframes name and animation-name references. Editing the animation name in either location synchronizes both."
+    },
+    {
+      "pattern": "@font-face\\s*\\{[^}]*font-family\\s*:\\s*['\"]?([^'\";}]+).*font-family\\s*:[^;]*\\1",
+      "wordPattern": "[a-zA-Z][a-zA-Z0-9 _-]+",
+      "description": "Linked editing between @font-face font-family declaration and font-family usage in rules. Keeps font names in sync."
+    },
+    {
+      "pattern": "@layer\\s+([a-zA-Z_][a-zA-Z0-9_-]*)\\s*[{;]",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between @layer declarations and layer references. Editing a layer name in one location updates @layer blocks and @import layer() assignments."
+    },
+    {
+      "pattern": "grid-template-areas\\s*:[^;]*\"[^\"]*([a-zA-Z_][a-zA-Z0-9_-]*).*grid-area\\s*:\\s*\\1",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between grid-template-areas names and grid-area references. Renaming an area in the template updates the grid-area assignments."
+    },
+    {
+      "pattern": "counter-reset\\s*:\\s*([a-zA-Z_][a-zA-Z0-9_-]*).*counter\\(\\s*\\1",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between counter-reset definition and counter()/counters() references. Keeps counter names in sync."
+    },
+    {
+      "pattern": "@counter-style\\s+([a-zA-Z_][a-zA-Z0-9_-]*).*list-style-type\\s*:\\s*\\1",
+      "wordPattern": "[a-zA-Z_][a-zA-Z0-9_-]*",
+      "description": "Linked editing between @counter-style name and list-style-type references."
+    }
+  ]
+}

package/data/linkedEditingRange/tailwindcss.json

@@ -0,0 +1,30 @@
+{
+  "language": "tailwindcss",
+  "linkedEditingPatterns": [
+    {
+      "pattern": "@apply\\s+([\\w:-]+)",
+      "wordPattern": "[\\w:-]+",
+      "description": "Linked editing between @apply class reference and its utility class definition — renaming one updates the other."
+    },
+    {
+      "pattern": "@layer\\s+(base|components|utilities)",
+      "wordPattern": "\\w+",
+      "description": "Linked editing for @layer names — renaming a layer name updates all @layer and @tailwind references."
+    },
+    {
+      "pattern": "\\.([\\w-]+)\\s*\\{",
+      "wordPattern": "[\\w-]+",
+      "description": "Linked editing for custom class names — renaming a class selector updates all usages in class attributes."
+    },
+    {
+      "pattern": "@keyframes\\s+([\\w-]+)",
+      "wordPattern": "[\\w-]+",
+      "description": "Linked editing for @keyframes names — renaming updates animation-name references."
+    },
+    {
+      "pattern": "class\\s*=\\s*[\"'][^\"']*\\b([\\w-]+)\\b",
+      "wordPattern": "[\\w-]+",
+      "description": "Linked editing for custom class names used in HTML class attributes."
+    }
+  ]
+}

package/data/links/css.json

@@ -0,0 +1,55 @@
+{
+  "language": "css",
+  "linkPatterns": [
+    {
+      "pattern": "url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open resource: ${1} — CSS url() reference to an external file (image, font, stylesheet, or other resource)."
+    },
+    {
+      "pattern": "@import\\s+url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open imported stylesheet: ${1} — @import rule loading an external CSS file."
+    },
+    {
+      "pattern": "@import\\s+['\"]([^'\"]+)['\"]",
+      "captureGroup": 1,
+      "tooltip": "Open imported stylesheet: ${1} — @import rule using string URL syntax."
+    },
+    {
+      "pattern": "src:\\s*(?:url\\(['\"]?([^'\"\\)]+\\.(?:woff2?|ttf|otf|eot|svg))['\"]?\\))",
+      "captureGroup": 1,
+      "tooltip": "Open font file: ${1} — @font-face source reference to a web font file."
+    },
+    {
+      "pattern": "background(?:-image)?\\s*:[^;]*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open background image: ${1} — Background image resource referenced by url()."
+    },
+    {
+      "pattern": "list-style-image\\s*:\\s*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open list marker image: ${1} — Custom list marker image."
+    },
+    {
+      "pattern": "cursor\\s*:\\s*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open cursor image: ${1} — Custom cursor image resource."
+    },
+    {
+      "pattern": "content\\s*:\\s*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open content resource: ${1} — Replaced content image for pseudo-elements."
+    },
+    {
+      "pattern": "mask(?:-image)?\\s*:[^;]*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open mask image: ${1} — CSS mask image resource (SVG or image)."
+    },
+    {
+      "pattern": "image-set\\([^)]*url\\(['\"]?([^'\"\\)]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open image from image-set: ${1} — Resolution-dependent image resource."
+    }
+  ]
+}

package/data/links/tailwindcss.json

@@ -0,0 +1,40 @@
+{
+  "language": "tailwindcss",
+  "linkPatterns": [
+    {
+      "pattern": "@config\\s+['\"]([^'\"]+)['\"]",
+      "captureGroup": 1,
+      "tooltip": "Open Tailwind configuration file: ${1}"
+    },
+    {
+      "pattern": "@import\\s+['\"]([^'\"]+)['\"]",
+      "captureGroup": 1,
+      "tooltip": "Open imported CSS file: ${1}"
+    },
+    {
+      "pattern": "url\\(['\"]?([^)'\"]+)['\"]?\\)",
+      "captureGroup": 1,
+      "tooltip": "Open linked resource: ${1}"
+    },
+    {
+      "pattern": "theme\\(['\"]([^'\"]+)['\"]\\)",
+      "captureGroup": 1,
+      "tooltip": "Resolve theme value from tailwind.config.js: ${1}"
+    },
+    {
+      "pattern": "screen\\(['\"]([^'\"]+)['\"]\\)",
+      "captureGroup": 1,
+      "tooltip": "Resolve breakpoint from tailwind.config.js: ${1}"
+    },
+    {
+      "pattern": "require\\(['\"]([^'\"]+)['\"]\\)",
+      "captureGroup": 1,
+      "tooltip": "Open required module: ${1}"
+    },
+    {
+      "pattern": "content:\\s*\\[([^\\]]+)\\]",
+      "captureGroup": 1,
+      "tooltip": "Content paths for Tailwind class scanning"
+    }
+  ]
+}