@enjoys/context-engine 1.2.0 → 1.3.1

package/data/rename/tailwindcss.json

@@ -0,0 +1,58 @@
+{
+  "language": "tailwindcss",
+  "renamePatterns": [
+    {
+      "pattern": "\\.([\\w-]+)\\s*\\{[^}]*@apply",
+      "captureGroup": 1,
+      "kind": "class",
+      "description": "Rename custom component class names that use @apply."
+    },
+    {
+      "pattern": "@layer\\s+(base|components|utilities)",
+      "captureGroup": 1,
+      "kind": "module",
+      "description": "Rename @layer identifiers across all references."
+    },
+    {
+      "pattern": "@apply\\s+([\\w:-]+)",
+      "captureGroup": 1,
+      "kind": "reference",
+      "description": "Rename utility class references within @apply directives."
+    },
+    {
+      "pattern": "class\\s*=\\s*[\"'][^\"']*\\b([\\w:-]+)\\b",
+      "captureGroup": 1,
+      "kind": "reference",
+      "description": "Rename custom class names within HTML/JSX class attributes."
+    },
+    {
+      "pattern": "className\\s*=\\s*[{\"'][^}\"']*\\b([\\w:-]+)\\b",
+      "captureGroup": 1,
+      "kind": "reference",
+      "description": "Rename custom class names within React className attributes."
+    },
+    {
+      "pattern": "@keyframes\\s+([\\w-]+)",
+      "captureGroup": 1,
+      "kind": "variable",
+      "description": "Rename @keyframes animation names and their references."
+    }
+  ],
+  "prepareRenamePatterns": [
+    {
+      "pattern": "\\.([\\w-]+)\\s*\\{",
+      "captureGroup": 1,
+      "description": "Prepare rename for CSS class selector names."
+    },
+    {
+      "pattern": "@apply\\s+([\\w:-]+)",
+      "captureGroup": 1,
+      "description": "Prepare rename for utility class names in @apply."
+    },
+    {
+      "pattern": "@keyframes\\s+([\\w-]+)",
+      "captureGroup": 1,
+      "description": "Prepare rename for keyframe animation names."
+    }
+  ]
+}

package/data/selectionRange/css.json

@@ -0,0 +1,55 @@
+{
+  "language": "css",
+  "selectionPatterns": [
+    {
+      "pattern": "[a-zA-Z0-9#._%+\\-]+",
+      "expandTo": "word",
+      "description": "Select a CSS token — property name, value keyword, selector segment, or identifier. The smallest meaningful unit."
+    },
+    {
+      "pattern": "([a-z-]+)\\s*:\\s*([^;]+)",
+      "expandTo": "property-declaration",
+      "description": "Expand to the full property declaration (property: value) excluding the semicolon. Covers name and value as a unit."
+    },
+    {
+      "pattern": "([a-z-]+)\\s*:\\s*([^;]+);",
+      "expandTo": "statement",
+      "description": "Expand to the full property statement including the trailing semicolon. One complete CSS declaration."
+    },
+    {
+      "pattern": "([^{}]+)\\{([^}]*)\\}",
+      "expandTo": "rule",
+      "description": "Expand to the full CSS rule block — selector(s) plus all declarations within the braces."
+    },
+    {
+      "pattern": "@media\\s+[^{]+\\{[\\s\\S]*?\\n\\}",
+      "expandTo": "at-rule-block",
+      "description": "Expand to the full @media block including the condition and all nested rules."
+    },
+    {
+      "pattern": "@keyframes\\s+[a-zA-Z_][a-zA-Z0-9_-]*\\s*\\{[\\s\\S]*?\\n\\}",
+      "expandTo": "at-rule-block",
+      "description": "Expand to the full @keyframes block including the animation name and all keyframe stops."
+    },
+    {
+      "pattern": "@supports\\s+[^{]+\\{[\\s\\S]*?\\n\\}",
+      "expandTo": "at-rule-block",
+      "description": "Expand to the full @supports feature query block."
+    },
+    {
+      "pattern": "@layer\\s+[a-zA-Z_][a-zA-Z0-9_-]*\\s*\\{[\\s\\S]*?\\n\\}",
+      "expandTo": "at-rule-block",
+      "description": "Expand to the full @layer cascade layer block."
+    },
+    {
+      "pattern": "/\\*[\\s\\S]*?\\*/",
+      "expandTo": "comment",
+      "description": "Expand to the full multi-line comment block including /* and */ delimiters."
+    },
+    {
+      "pattern": "[\\s\\S]+",
+      "expandTo": "file",
+      "description": "Expand to the entire file content. The outermost selection level."
+    }
+  ]
+}

package/data/selectionRange/tailwindcss.json

@@ -0,0 +1,35 @@
+{
+  "language": "tailwindcss",
+  "selectionPatterns": [
+    {
+      "pattern": "[\\w:-]+",
+      "expandTo": "utility-class",
+      "description": "Select a single Tailwind utility class (e.g. 'flex', 'p-4', 'hover:bg-blue-500')."
+    },
+    {
+      "pattern": "[\\w:-]+(?:\\s+[\\w:-]+)*",
+      "expandTo": "class-list",
+      "description": "Expand selection to the full list of space-separated utility classes."
+    },
+    {
+      "pattern": "@apply\\s+[\\w\\s:-]+;",
+      "expandTo": "apply-rule",
+      "description": "Expand selection to the entire @apply rule including directive and semicolon."
+    },
+    {
+      "pattern": "\\.[\\w-]+\\s*\\{[^}]*\\}",
+      "expandTo": "rule-block",
+      "description": "Expand selection to the entire CSS rule block including selector and braces."
+    },
+    {
+      "pattern": "@layer\\s+\\w+\\s*\\{[\\s\\S]*?\\}",
+      "expandTo": "layer-block",
+      "description": "Expand selection to the entire @layer block including contents."
+    },
+    {
+      "pattern": "class\\s*=\\s*[\"'][^\"']*[\"']",
+      "expandTo": "class-attribute",
+      "description": "Expand selection to the full class attribute including quotes."
+    }
+  ]
+}

package/data/semanticTokens/css.json

@@ -0,0 +1,107 @@
+{
+  "language": "css",
+  "tokenTypes": ["namespace", "type", "class", "enum", "interface", "struct", "typeParameter", "parameter", "variable", "property", "enumMember", "event", "function", "method", "macro", "keyword", "modifier", "comment", "string", "number", "regexp", "operator", "decorator"],
+  "tokenModifiers": ["declaration", "definition", "readonly", "static", "deprecated", "abstract", "async", "modification", "documentation", "defaultLibrary"],
+  "tokenLegend": {
+    "tokenTypes": ["class", "variable", "property", "keyword", "function", "number", "string", "comment", "operator", "decorator", "enum", "modifier", "namespace"],
+    "tokenModifiers": ["declaration", "definition", "readonly", "deprecated", "documentation", "defaultLibrary"]
+  },
+  "semanticRules": [
+    {
+      "type": "class",
+      "pattern": "\\.[a-zA-Z_][a-zA-Z0-9_-]*",
+      "modifiers": [],
+      "description": "CSS class selectors (.classname). Styled as class type for visual distinction from other selector types."
+    },
+    {
+      "type": "class",
+      "pattern": "#[a-zA-Z_][a-zA-Z0-9_-]*",
+      "modifiers": ["readonly"],
+      "description": "CSS ID selectors (#idname). Styled as class with readonly modifier since IDs should be unique."
+    },
+    {
+      "type": "property",
+      "pattern": "(?<=^\\s*|;\\s*)[a-z][a-z-]*(?=\\s*:)",
+      "modifiers": [],
+      "description": "CSS property names (display, margin, color, etc.). Core declarations that assign values to styling properties."
+    },
+    {
+      "type": "variable",
+      "pattern": "--[a-zA-Z_][a-zA-Z0-9_-]*(?=\\s*:)",
+      "modifiers": ["declaration", "definition"],
+      "description": "CSS custom property definitions (--variable-name: value). Marked as variable declarations."
+    },
+    {
+      "type": "variable",
+      "pattern": "var\\(\\s*--[a-zA-Z_][a-zA-Z0-9_-]*",
+      "modifiers": [],
+      "description": "CSS custom property references inside var(). Styled as variable to match the definition."
+    },
+    {
+      "type": "keyword",
+      "pattern": "@(media|keyframes|supports|layer|container|font-face|import|charset|namespace|page|counter-style|property|scope)\\b",
+      "modifiers": [],
+      "description": "CSS at-rule keywords (@media, @keyframes, @supports, etc.). Styled as keyword for first-class language constructs."
+    },
+    {
+      "type": "modifier",
+      "pattern": ":(hover|focus|active|visited|first-child|last-child|nth-child|nth-of-type|not|is|where|has|focus-visible|focus-within|checked|disabled|enabled|empty|root|target|lang|any-link|placeholder-shown|required|optional|valid|invalid|in-range|out-of-range|read-only|read-write|default|indeterminate|first-of-type|last-of-type|only-child|only-of-type)\\b",
+      "modifiers": [],
+      "description": "CSS pseudo-classes (:hover, :focus, :nth-child, etc.). Styled as modifiers since they modify selector matching behavior."
+    },
+    {
+      "type": "decorator",
+      "pattern": "::(before|after|first-line|first-letter|selection|placeholder|marker|backdrop|file-selector-button|cue|part|slotted|highlight|spelling-error|grammar-error|target-text)\\b",
+      "modifiers": [],
+      "description": "CSS pseudo-elements (::before, ::after, ::placeholder, etc.). Styled as decorators since they create virtual sub-elements."
+    },
+    {
+      "type": "function",
+      "pattern": "(calc|var|min|max|clamp|env|attr|url|linear-gradient|radial-gradient|conic-gradient|repeating-linear-gradient|repeating-radial-gradient|image-set|counter|counters|fit-content|minmax|repeat|translateX?|translateY|translate3d|rotateX?|rotateY|rotateZ|rotate3d|scaleX?|scaleY|scale3d|skewX?|skewY|matrix|matrix3d|perspective|cubic-bezier|steps|rgb|rgba|hsl|hsla|oklch|oklab|lab|lch|color|color-mix|light-dark)\\s*\\(",
+      "modifiers": [],
+      "description": "CSS function calls (calc(), var(), linear-gradient(), etc.). Styled as functions for identifiable invocations."
+    },
+    {
+      "type": "enum",
+      "pattern": "#[0-9a-fA-F]{3,8}\\b",
+      "modifiers": [],
+      "description": "CSS hex color values (#fff, #ff0000, #ff000080). Styled as enum for color constant identification."
+    },
+    {
+      "type": "number",
+      "pattern": "-?\\d+(\\.\\d+)?(px|em|rem|%|vw|vh|vmin|vmax|svh|svw|dvh|dvw|ch|ex|lh|rlh|cap|ic|cqw|cqh|cqi|cqb|cqmin|cqmax|deg|rad|grad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|fr)?\\b",
+      "modifiers": [],
+      "description": "CSS numeric values with units (16px, 1.5rem, 100%, 360deg, 0.3s, 1fr). Includes all CSS unit types."
+    },
+    {
+      "type": "string",
+      "pattern": "['\"][^'\"]*['\"]",
+      "modifiers": [],
+      "description": "CSS string literals in quotes. Used in content property, font-family names, url() paths, and attribute selectors."
+    },
+    {
+      "type": "comment",
+      "pattern": "/\\*[\\s\\S]*?\\*/",
+      "modifiers": [],
+      "description": "CSS comments (/* ... */). CSS only supports block comments, not line comments."
+    },
+    {
+      "type": "operator",
+      "pattern": "[>+~|](?=\\s*[.#a-zA-Z*:\\[])",
+      "modifiers": [],
+      "description": "CSS selector combinators: > (child), + (adjacent sibling), ~ (general sibling), || (column)."
+    },
+    {
+      "type": "namespace",
+      "pattern": "@media\\s+[^{]+",
+      "modifiers": [],
+      "description": "Media query conditions. Styled as namespace since they define a contextual scope for enclosed rules."
+    },
+    {
+      "type": "keyword",
+      "pattern": "!important\\b",
+      "modifiers": ["deprecated"],
+      "description": "CSS !important flag. Marked as deprecated modifier to discourage overuse in modern CSS (prefer cascade layers)."
+    }
+  ]
+}

package/data/semanticTokens/tailwindcss.json

@@ -0,0 +1,161 @@
+{
+  "language": "tailwindcss",
+  "tokenTypes": ["namespace", "type", "class", "enum", "interface", "struct", "typeParameter", "parameter", "variable", "property", "enumMember", "event", "function", "method", "macro", "keyword", "modifier", "comment", "string", "number", "regexp", "operator", "decorator"],
+  "tokenModifiers": ["declaration", "definition", "readonly", "static", "deprecated", "abstract", "async", "modification", "documentation", "defaultLibrary"],
+  "tokenLegend": {
+    "tokenTypes": ["class", "keyword", "function", "variable", "enum", "number", "modifier", "property", "string", "comment", "operator", "decorator"],
+    "tokenModifiers": ["declaration", "definition", "readonly", "modification", "defaultLibrary"]
+  },
+  "semanticRules": [
+    {
+      "type": "class",
+      "pattern": "\\b(?:flex|grid|block|inline|hidden|table|container|relative|absolute|fixed|sticky|static|inline-block|inline-flex|inline-grid|flow-root|contents)[\\w-]*\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — layout, display, and positioning utilities."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:p|m|px|py|pt|pr|pb|pl|mx|my|mt|mr|mb|ml|gap|gap-x|gap-y|space-[xy])-[\\w/]+\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — spacing utilities (padding, margin, gap, space)."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:w|h|min-w|max-w|min-h|max-h|size)-[\\w/]+\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — sizing utilities (width, height, min/max)."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:items|justify|self|content|place-content|place-items|place-self|justify-items|justify-self)-[\\w]+\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — alignment and distribution utilities."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:flex-(?:row|col|wrap|nowrap|1|auto|initial|none|row-reverse|col-reverse|wrap-reverse)|grow|grow-0|shrink|shrink-0|order-[\\w]+)\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — flex item properties."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:grid-cols|grid-rows|col-span|col-start|col-end|row-span|row-start|row-end|auto-cols|auto-rows|grid-flow)-[\\w]+\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — CSS Grid properties."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:text-(?:xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl|left|center|right|justify|start|end|ellipsis|clip)|font-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black|sans|serif|mono)|leading-[\\w]+|tracking-[\\w]+|uppercase|lowercase|capitalize|normal-case|italic|not-italic|underline|line-through|no-underline|truncate|whitespace-[\\w]+|break-(?:normal|words|all|keep)|line-clamp-[\\w]+|list-(?:none|disc|decimal|inside|outside)|align-[\\w]+)\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — typography utilities."
+    },
+    {
+      "type": "class",
+      "pattern": "\\b(?:rounded|border|ring|outline|divide|shadow|opacity|blur|backdrop-blur|transition|duration|ease|delay|animate|scale|rotate|translate-[xy]|skew-[xy]|origin|cursor|select|pointer-events|resize|scroll|snap|touch|will-change|appearance|object|aspect|overflow|overscroll|isolat|sr-only|not-sr-only|content-\\[)[\\w-]*\\b",
+      "modifiers": [],
+      "description": "Tailwind utility classes — borders, effects, transforms, interactivity, and accessibility."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:sm|md|lg|xl|2xl):",
+      "modifiers": [],
+      "description": "Responsive breakpoint prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:max-sm|max-md|max-lg|max-xl|max-2xl):",
+      "modifiers": [],
+      "description": "Max-width responsive breakpoint prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:hover|focus|active|visited|disabled|first|last|odd|even|focus-within|focus-visible|checked|required|invalid|placeholder-shown|autofill|read-only|empty|default|indeterminate|enabled|in-range|out-of-range):",
+      "modifiers": [],
+      "description": "State variant prefixes — pseudo-class modifiers."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:before|after|placeholder|file|marker|selection|first-line|first-letter|backdrop):",
+      "modifiers": [],
+      "description": "Pseudo-element variant prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:dark|group-hover|group-focus|group-active|group-focus-within|group-focus-visible|peer-focus|peer-checked|peer-hover|peer-disabled|peer-invalid|peer-placeholder-shown|peer-focus-visible):",
+      "modifiers": [],
+      "description": "Dark mode, group, and peer variant prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:motion-safe|motion-reduce|print|portrait|landscape|rtl|ltr|contrast-more|contrast-less|forced-colors):",
+      "modifiers": [],
+      "description": "Media query variant prefixes (motion, orientation, direction, accessibility)."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\baria-(?:checked|disabled|expanded|hidden|pressed|readonly|required|selected):",
+      "modifiers": [],
+      "description": "ARIA attribute variant prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\bdata-\\[[^\\]]+\\]:",
+      "modifiers": [],
+      "description": "Data attribute variant prefixes."
+    },
+    {
+      "type": "modifier",
+      "pattern": "\\b(?:supports|has|min|max)-\\[[^\\]]+\\]:",
+      "modifiers": [],
+      "description": "Conditional variant prefixes (supports, has, min, max)."
+    },
+    {
+      "type": "keyword",
+      "pattern": "@(?:tailwind|apply|layer|config|screen|responsive|variants)\\b",
+      "modifiers": ["declaration"],
+      "description": "Tailwind CSS directives as keywords."
+    },
+    {
+      "type": "function",
+      "pattern": "\\b(?:theme|screen)\\s*\\(",
+      "modifiers": [],
+      "description": "Tailwind CSS functions: theme() and screen()."
+    },
+    {
+      "type": "enum",
+      "pattern": "\\b(?:bg|text|border|ring|shadow|outline|fill|stroke|from|via|to|divide|placeholder|accent|caret|ring-offset|decoration)-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950)\\b",
+      "modifiers": [],
+      "description": "Color utility classes — resolved from the Tailwind color palette."
+    },
+    {
+      "type": "enum",
+      "pattern": "\\b(?:bg|text|border|ring|shadow|divide|fill|stroke|accent|caret|ring-offset|decoration|outline)-(?:white|black|transparent|current|inherit)\\b",
+      "modifiers": [],
+      "description": "Special color utilities — white, black, transparent, current, inherit."
+    },
+    {
+      "type": "number",
+      "pattern": "\\b(?:p|m|w|h|gap|text|border|rounded|ring|shadow|opacity|blur|duration|size|inset|top|right|bottom|left|z|space-[xy]|gap-[xy]|divide-[xy]|ring-offset|outline|outline-offset|columns|order|scale|rotate|skew-[xy]|translate-[xy]|delay|scroll-[mp]|snap-[mpxy]|hue-rotate|brightness|contrast|saturate|backdrop-(?:blur|brightness|contrast|opacity|saturate)|drop-shadow|line-clamp)-\\d+[\\w/]*\\b",
+      "modifiers": [],
+      "description": "Numeric spacing/sizing utility classes."
+    },
+    {
+      "type": "variable",
+      "pattern": "\\b\\w+-\\[[^\\]]+\\]\\b",
+      "modifiers": [],
+      "description": "Arbitrary value utilities using bracket notation (e.g. w-[200px], bg-[#ff0000])."
+    },
+    {
+      "type": "operator",
+      "pattern": "!(?=[\\w-])",
+      "modifiers": [],
+      "description": "Important modifier prefix (!) on utility classes."
+    },
+    {
+      "type": "decorator",
+      "pattern": "-(?=(?:m|mx|my|mt|mr|mb|ml|p|translate|rotate|skew|scale|order|tracking|inset|top|right|bottom|left|z|space|indent|scroll-m|hue-rotate))",
+      "modifiers": [],
+      "description": "Negative value prefix (-) on applicable utility classes."
+    }
+  ]
+}

package/data/signatureHelp/css.json

@@ -0,0 +1,137 @@
+{
+  "language": "css",
+  "signatures": [
+    {
+      "label": "calc(expression)",
+      "documentation": "Performs mathematical calculations for CSS property values. Supports +, -, *, / operators. Can mix different units (px, %, rem, vw, vh, em). Spaces required around + and - operators.",
+      "parameters": [
+        { "label": "expression", "documentation": "A mathematical expression using +, -, *, / operators. Can mix units: calc(100% - 2rem), calc(1rem + 0.5vw), calc(var(--x) * 2)." }
+      ]
+    },
+    {
+      "label": "var(--custom-property, fallback)",
+      "documentation": "Substitutes the value of a CSS custom property. Custom properties must start with --. Falls back to the second argument if the property is undefined or invalid.",
+      "parameters": [
+        { "label": "--custom-property", "documentation": "The name of the CSS custom property to reference. Must include the -- prefix (e.g., --primary-color, --spacing-unit)." },
+        { "label": "fallback", "documentation": "Optional fallback value used when the custom property is not defined. Can itself contain var() references." }
+      ]
+    },
+    {
+      "label": "min(value1, value2, ...)",
+      "documentation": "Returns the smallest of the comma-separated values. Useful for responsive sizing: min(100%, 600px) ensures an element never exceeds 600px.",
+      "parameters": [
+        { "label": "value1", "documentation": "First value to compare. Can be any CSS length, percentage, or calc() expression." },
+        { "label": "value2", "documentation": "Second value (and more) to compare against. Accepts the same types as value1." }
+      ]
+    },
+    {
+      "label": "max(value1, value2, ...)",
+      "documentation": "Returns the largest of the comma-separated values. Useful for minimum sizing: max(300px, 50%) ensures at least 300px wide.",
+      "parameters": [
+        { "label": "value1", "documentation": "First value to compare." },
+        { "label": "value2", "documentation": "Second value (and more) to compare against." }
+      ]
+    },
+    {
+      "label": "clamp(min, preferred, max)",
+      "documentation": "Clamps a value between a minimum and maximum bound. Equivalent to max(MIN, min(VAL, MAX)). Ideal for fluid typography and responsive sizing.",
+      "parameters": [
+        { "label": "min", "documentation": "The minimum allowed value. The result will never be smaller than this." },
+        { "label": "preferred", "documentation": "The preferred/ideal value that will be used if it falls between min and max. Often uses viewport units (vw)." },
+        { "label": "max", "documentation": "The maximum allowed value. The result will never be larger than this." }
+      ]
+    },
+    {
+      "label": "rgb(red, green, blue)",
+      "documentation": "Specifies a color using the RGB color model. Each channel accepts an integer (0–255) or percentage (0%–100%). Modern syntax uses spaces instead of commas with optional alpha: rgb(R G B / alpha).",
+      "parameters": [
+        { "label": "red", "documentation": "Red channel: 0–255 or 0%–100%." },
+        { "label": "green", "documentation": "Green channel: 0–255 or 0%–100%." },
+        { "label": "blue", "documentation": "Blue channel: 0–255 or 0%–100%." }
+      ]
+    },
+    {
+      "label": "hsl(hue, saturation, lightness)",
+      "documentation": "Specifies a color using the HSL color model. More intuitive than RGB for color manipulation. Modern syntax uses spaces: hsl(H S L / alpha).",
+      "parameters": [
+        { "label": "hue", "documentation": "Hue angle: 0–360 (0/360=red, 120=green, 240=blue). Accepts deg, rad, grad, turn units." },
+        { "label": "saturation", "documentation": "Saturation: 0% (gray) to 100% (full color)." },
+        { "label": "lightness", "documentation": "Lightness: 0% (black) to 50% (pure color) to 100% (white)." }
+      ]
+    },
+    {
+      "label": "oklch(lightness, chroma, hue)",
+      "documentation": "Specifies a color in the OKLCH perceptually uniform color space (CSS Color Level 4). Better for generating consistent palettes than HSL.",
+      "parameters": [
+        { "label": "lightness", "documentation": "Perceptual lightness: 0 (black) to 1 (white), or 0%–100%." },
+        { "label": "chroma", "documentation": "Chroma (colorfulness): 0 (gray) to ~0.4 (most vivid). Not bounded like saturation." },
+        { "label": "hue", "documentation": "Hue angle: 0–360. Similar to HSL hue but perceptually uniform." }
+      ]
+    },
+    {
+      "label": "linear-gradient(direction, color-stop1, color-stop2, ...)",
+      "documentation": "Creates a linear gradient image transitioning between two or more colors along a straight line.",
+      "parameters": [
+        { "label": "direction", "documentation": "Gradient direction: angle (e.g., 45deg, 135deg) or keyword (to top, to right, to bottom left). Default: to bottom (180deg)." },
+        { "label": "color-stop1", "documentation": "First color and optional position: color [percentage/length]. E.g., #ff0000 0%, red 50px." },
+        { "label": "color-stop2", "documentation": "Subsequent color stops. Multiple stops create multi-color gradients." }
+      ]
+    },
+    {
+      "label": "radial-gradient(shape size at position, color-stop1, color-stop2, ...)",
+      "documentation": "Creates a radial (circular/elliptical) gradient image radiating from an origin point.",
+      "parameters": [
+        { "label": "shape", "documentation": "Shape: circle or ellipse (default). Affects how the gradient radiates." },
+        { "label": "size", "documentation": "Size keyword: closest-side, closest-corner, farthest-side, farthest-corner (default). Or explicit radius." },
+        { "label": "position", "documentation": "Center position: default is center center. Accepts lengths, percentages, or keywords (top, left, etc.)." },
+        { "label": "color-stops", "documentation": "Two or more color stops with optional position percentages." }
+      ]
+    },
+    {
+      "label": "url(path)",
+      "documentation": "References an external resource by URL. Used for images, fonts, stylesheets, cursors, and other assets.",
+      "parameters": [
+        { "label": "path", "documentation": "URL string — can be absolute, relative, or data URI. Quotes are optional but recommended for URLs with special characters." }
+      ]
+    },
+    {
+      "label": "env(variable, fallback)",
+      "documentation": "Accesses environment variables defined by the user agent. Commonly used for safe area insets on mobile devices.",
+      "parameters": [
+        { "label": "variable", "documentation": "Environment variable name: safe-area-inset-top, safe-area-inset-right, safe-area-inset-bottom, safe-area-inset-left, titlebar-area-x, titlebar-area-y, titlebar-area-width, titlebar-area-height." },
+        { "label": "fallback", "documentation": "Optional fallback value if the environment variable is not available." }
+      ]
+    },
+    {
+      "label": "translate(x, y)",
+      "documentation": "CSS transform function that repositions an element along the X and Y axes. Does not affect document flow.",
+      "parameters": [
+        { "label": "x", "documentation": "Horizontal offset: length or percentage. Positive moves right." },
+        { "label": "y", "documentation": "Optional vertical offset: length or percentage. Positive moves down. If omitted, defaults to 0." }
+      ]
+    },
+    {
+      "label": "rotate(angle)",
+      "documentation": "CSS transform function that rotates an element around its transform-origin point.",
+      "parameters": [
+        { "label": "angle", "documentation": "Rotation angle. Accepts deg, rad, grad, turn units. Positive = clockwise, negative = counter-clockwise." }
+      ]
+    },
+    {
+      "label": "scale(x, y)",
+      "documentation": "CSS transform function that resizes an element along the X and Y axes.",
+      "parameters": [
+        { "label": "x", "documentation": "Horizontal scale factor: 1 = original size, 2 = double, 0.5 = half." },
+        { "label": "y", "documentation": "Optional vertical scale factor. If omitted, defaults to the same value as x (uniform scaling)." }
+      ]
+    },
+    {
+      "label": "attr(attribute-name)",
+      "documentation": "Returns the value of an HTML attribute of the selected element. Currently only works reliably in the content property of pseudo-elements in most browsers.",
+      "parameters": [
+        { "label": "attribute-name", "documentation": "The name of the HTML attribute to retrieve (e.g., data-label, href, title)." }
+      ]
+    }
+  ],
+  "triggerCharacters": ["("]
+}

package/data/signatureHelp/tailwindcss.json

@@ -0,0 +1,64 @@
+{
+  "language": "tailwindcss",
+  "signatures": [
+    {
+      "label": "theme(path, defaultValue?)",
+      "documentation": "Access Tailwind theme configuration values in CSS. Uses dot notation for nested values. Returns the resolved value from your tailwind.config.js theme section.",
+      "parameters": [
+        {
+          "label": "path",
+          "documentation": "Dot-notation path to the theme value. E.g. 'colors.blue.500', 'spacing.4', 'fontSize.lg', 'screens.md'."
+        },
+        {
+          "label": "defaultValue",
+          "documentation": "Optional fallback value if the theme path doesn't resolve. E.g. theme('colors.brand', '#3b82f6')."
+        }
+      ]
+    },
+    {
+      "label": "screen(breakpoint)",
+      "documentation": "Generate a media query referencing a Tailwind responsive breakpoint by name. Compiles to the corresponding min-width media query.",
+      "parameters": [
+        {
+          "label": "breakpoint",
+          "documentation": "Named breakpoint from the theme. Default: 'sm' (640px), 'md' (768px), 'lg' (1024px), 'xl' (1280px), '2xl' (1536px)."
+        }
+      ]
+    },
+    {
+      "label": "calc(expression)",
+      "documentation": "CSS calc() function for mathematical expressions. Can be combined with theme() values.",
+      "parameters": [
+        {
+          "label": "expression",
+          "documentation": "Math expression using +, -, *, /. E.g. calc(100% - theme('spacing.4'))."
+        }
+      ]
+    },
+    {
+      "label": "var(--custom-property, fallback?)",
+      "documentation": "Access CSS custom properties. Often used with Tailwind's internal custom properties or user-defined ones.",
+      "parameters": [
+        {
+          "label": "--custom-property",
+          "documentation": "CSS custom property name. E.g. --tw-ring-color, --tw-shadow, or custom properties."
+        },
+        {
+          "label": "fallback",
+          "documentation": "Optional fallback value if the custom property is not defined."
+        }
+      ]
+    },
+    {
+      "label": "plugin(function({ addUtilities, addComponents, addBase, matchUtilities, theme }))",
+      "documentation": "Tailwind CSS plugin function for extending the framework with custom utilities, components, and base styles.",
+      "parameters": [
+        {
+          "label": "pluginFunction",
+          "documentation": "Function receiving helper methods: addUtilities(), addComponents(), addBase(), matchUtilities(), theme(), e(), config(), variants()."
+        }
+      ]
+    }
+  ],
+  "triggerCharacters": ["(", "'", "\""]
+}