@enjoys/context-engine 1.1.2 → 1.3.1

package/data/completion/tailwindcss.json

@@ -0,0 +1,284 @@
+{
+  "language": "tailwindcss",
+  "completions": [
+    { "label": "flex", "kind": 14, "detail": "display: flex", "documentation": { "value": "Sets `display: flex` on the element, enabling flexbox layout." }, "insertText": "flex", "insertTextRules": 0, "sortText": "0001" },
+    { "label": "grid", "kind": 14, "detail": "display: grid", "documentation": { "value": "Sets `display: grid` on the element, enabling CSS Grid layout." }, "insertText": "grid", "insertTextRules": 0, "sortText": "0002" },
+    { "label": "container", "kind": 14, "detail": "max-width responsive container", "documentation": { "value": "Sets `width: 100%` and responsive `max-width` at each breakpoint." }, "insertText": "container", "insertTextRules": 0, "sortText": "0003" },
+    { "label": "block", "kind": 14, "detail": "display: block", "documentation": { "value": "Sets `display: block` on the element." }, "insertText": "block", "insertTextRules": 0, "sortText": "0004" },
+    { "label": "inline", "kind": 14, "detail": "display: inline", "documentation": { "value": "Sets `display: inline` on the element." }, "insertText": "inline", "insertTextRules": 0, "sortText": "0005" },
+    { "label": "hidden", "kind": 14, "detail": "display: none", "documentation": { "value": "Sets `display: none` on the element, hiding it from the layout." }, "insertText": "hidden", "insertTextRules": 0, "sortText": "0006" },
+    { "label": "columns-${1:n}", "kind": 15, "detail": "columns: {n}", "documentation": { "value": "Sets the number of columns for multi-column layout. E.g. `columns-2`, `columns-3`." }, "insertText": "columns-${1:2}", "insertTextRules": 4, "sortText": "0007" },
+    { "label": "aspect-${1:ratio}", "kind": 15, "detail": "aspect-ratio: {ratio}", "documentation": { "value": "Sets the aspect ratio of an element. E.g. `aspect-square`, `aspect-video`, `aspect-auto`." }, "insertText": "aspect-${1|auto,square,video|}", "insertTextRules": 4, "sortText": "0008" },
+    { "label": "p-${1:size}", "kind": 15, "detail": "padding: {size}", "documentation": { "value": "Sets padding on all sides. E.g. `p-0`, `p-1`, `p-2`, `p-4`, `p-8`." }, "insertText": "p-${1:4}", "insertTextRules": 4, "sortText": "0010" },
+    { "label": "m-${1:size}", "kind": 15, "detail": "margin: {size}", "documentation": { "value": "Sets margin on all sides. E.g. `m-0`, `m-1`, `m-2`, `m-4`, `m-auto`." }, "insertText": "m-${1:4}", "insertTextRules": 4, "sortText": "0011" },
+    { "label": "px-${1:size}", "kind": 15, "detail": "padding-left/right: {size}", "documentation": { "value": "Sets horizontal padding. E.g. `px-2`, `px-4`, `px-6`." }, "insertText": "px-${1:4}", "insertTextRules": 4, "sortText": "0012" },
+    { "label": "py-${1:size}", "kind": 15, "detail": "padding-top/bottom: {size}", "documentation": { "value": "Sets vertical padding. E.g. `py-2`, `py-4`, `py-6`." }, "insertText": "py-${1:4}", "insertTextRules": 4, "sortText": "0013" },
+    { "label": "gap-${1:size}", "kind": 15, "detail": "gap: {size}", "documentation": { "value": "Sets the gap between flex/grid items. E.g. `gap-1`, `gap-2`, `gap-4`." }, "insertText": "gap-${1:4}", "insertTextRules": 4, "sortText": "0014" },
+    { "label": "space-x-${1:size}", "kind": 15, "detail": "horizontal space between children", "documentation": { "value": "Adds horizontal margin between child elements using `> * + *` selector." }, "insertText": "space-x-${1:4}", "insertTextRules": 4, "sortText": "0015" },
+    { "label": "w-${1:size}", "kind": 15, "detail": "width: {size}", "documentation": { "value": "Sets element width. E.g. `w-full`, `w-1/2`, `w-screen`, `w-64`." }, "insertText": "w-${1|full,auto,screen,1/2,1/3,1/4,64|}", "insertTextRules": 4, "sortText": "0016" },
+    { "label": "h-${1:size}", "kind": 15, "detail": "height: {size}", "documentation": { "value": "Sets element height. E.g. `h-full`, `h-screen`, `h-64`, `h-auto`." }, "insertText": "h-${1|full,auto,screen,64|}", "insertTextRules": 4, "sortText": "0017" },
+    { "label": "min-w-${1:size}", "kind": 15, "detail": "min-width: {size}", "documentation": { "value": "Sets minimum width. E.g. `min-w-0`, `min-w-full`, `min-w-min`, `min-w-max`." }, "insertText": "min-w-${1|0,full,min,max,fit|}", "insertTextRules": 4, "sortText": "0018" },
+    { "label": "max-w-${1:size}", "kind": 15, "detail": "max-width: {size}", "documentation": { "value": "Sets maximum width. E.g. `max-w-sm`, `max-w-md`, `max-w-lg`, `max-w-xl`, `max-w-screen-xl`." }, "insertText": "max-w-${1|xs,sm,md,lg,xl,2xl,full,screen-sm,screen-md,screen-lg|}", "insertTextRules": 4, "sortText": "0019" },
+    { "label": "size-${1:size}", "kind": 15, "detail": "width & height: {size}", "documentation": { "value": "Sets both width and height to the same value. E.g. `size-4`, `size-8`, `size-full`." }, "insertText": "size-${1:4}", "insertTextRules": 4, "sortText": "0020" },
+    { "label": "text-${1:size}", "kind": 15, "detail": "font-size: {size}", "documentation": { "value": "Sets font size. E.g. `text-xs`, `text-sm`, `text-base`, `text-lg`, `text-xl`, `text-2xl`." }, "insertText": "text-${1|xs,sm,base,lg,xl,2xl,3xl,4xl,5xl|}", "insertTextRules": 4, "sortText": "0021" },
+    { "label": "font-${1:weight}", "kind": 15, "detail": "font-weight: {weight}", "documentation": { "value": "Sets font weight. E.g. `font-thin`, `font-normal`, `font-medium`, `font-semibold`, `font-bold`." }, "insertText": "font-${1|thin,extralight,light,normal,medium,semibold,bold,extrabold,black|}", "insertTextRules": 4, "sortText": "0022" },
+    { "label": "leading-${1:size}", "kind": 15, "detail": "line-height: {size}", "documentation": { "value": "Sets line height. E.g. `leading-none`, `leading-tight`, `leading-normal`, `leading-relaxed`." }, "insertText": "leading-${1|none,tight,snug,normal,relaxed,loose|}", "insertTextRules": 4, "sortText": "0023" },
+    { "label": "tracking-${1:size}", "kind": 15, "detail": "letter-spacing: {size}", "documentation": { "value": "Sets letter spacing. E.g. `tracking-tighter`, `tracking-tight`, `tracking-normal`, `tracking-wide`." }, "insertText": "tracking-${1|tighter,tight,normal,wide,wider,widest|}", "insertTextRules": 4, "sortText": "0024" },
+    { "label": "bg-${1:color}", "kind": 15, "detail": "background-color: {color}", "documentation": { "value": "Sets background color. E.g. `bg-white`, `bg-black`, `bg-blue-500`, `bg-transparent`." }, "insertText": "bg-${1:blue-500}", "insertTextRules": 4, "sortText": "0025" },
+    { "label": "bg-gradient-to-${1:dir}", "kind": 15, "detail": "background-image: linear-gradient", "documentation": { "value": "Sets gradient direction. Use with `from-{color}` and `to-{color}`. E.g. `bg-gradient-to-r`, `bg-gradient-to-br`." }, "insertText": "bg-gradient-to-${1|t,tr,r,br,b,bl,l,tl|}", "insertTextRules": 4, "sortText": "0026" },
+    { "label": "from-${1:color}", "kind": 15, "detail": "gradient start color", "documentation": { "value": "Sets the starting color of a gradient. E.g. `from-blue-500`, `from-purple-400`." }, "insertText": "from-${1:blue-500}", "insertTextRules": 4, "sortText": "0027" },
+    { "label": "to-${1:color}", "kind": 15, "detail": "gradient end color", "documentation": { "value": "Sets the ending color of a gradient. E.g. `to-green-500`, `to-pink-400`." }, "insertText": "to-${1:green-500}", "insertTextRules": 4, "sortText": "0028" },
+    { "label": "border", "kind": 14, "detail": "border-width: 1px", "documentation": { "value": "Sets `border-width: 1px` on all sides." }, "insertText": "border", "insertTextRules": 0, "sortText": "0029" },
+    { "label": "border-${1:size}", "kind": 15, "detail": "border-width: {size}", "documentation": { "value": "Sets border width. E.g. `border-0`, `border-2`, `border-4`, `border-8`." }, "insertText": "border-${1|0,2,4,8|}", "insertTextRules": 4, "sortText": "0030" },
+    { "label": "rounded-${1:size}", "kind": 15, "detail": "border-radius: {size}", "documentation": { "value": "Sets border radius. E.g. `rounded-none`, `rounded-sm`, `rounded`, `rounded-md`, `rounded-lg`, `rounded-xl`, `rounded-full`." }, "insertText": "rounded-${1|none,sm,md,lg,xl,2xl,3xl,full|}", "insertTextRules": 4, "sortText": "0031" },
+    { "label": "ring-${1:size}", "kind": 15, "detail": "box-shadow ring: {size}", "documentation": { "value": "Creates a ring (outline) using box-shadow. E.g. `ring-0`, `ring-1`, `ring-2`, `ring-4`." }, "insertText": "ring-${1|0,1,2,4,8|}", "insertTextRules": 4, "sortText": "0032" },
+    { "label": "divide-${1:dir}", "kind": 15, "detail": "border between children", "documentation": { "value": "Adds borders between children. E.g. `divide-x`, `divide-y`, `divide-x-2`." }, "insertText": "divide-${1|x,y|}", "insertTextRules": 4, "sortText": "0033" },
+    { "label": "shadow-${1:size}", "kind": 15, "detail": "box-shadow: {size}", "documentation": { "value": "Sets box shadow. E.g. `shadow-sm`, `shadow`, `shadow-md`, `shadow-lg`, `shadow-xl`, `shadow-2xl`, `shadow-none`." }, "insertText": "shadow-${1|sm,md,lg,xl,2xl,inner,none|}", "insertTextRules": 4, "sortText": "0034" },
+    { "label": "opacity-${1:value}", "kind": 15, "detail": "opacity: {value}", "documentation": { "value": "Sets opacity. E.g. `opacity-0`, `opacity-25`, `opacity-50`, `opacity-75`, `opacity-100`." }, "insertText": "opacity-${1|0,5,10,20,25,30,40,50,60,70,75,80,90,95,100|}", "insertTextRules": 4, "sortText": "0035" },
+    { "label": "blur-${1:size}", "kind": 15, "detail": "filter: blur({size})", "documentation": { "value": "Applies blur filter. E.g. `blur-none`, `blur-sm`, `blur`, `blur-md`, `blur-lg`." }, "insertText": "blur-${1|none,sm,md,lg,xl,2xl,3xl|}", "insertTextRules": 4, "sortText": "0036" },
+    { "label": "backdrop-blur-${1:size}", "kind": 15, "detail": "backdrop-filter: blur({size})", "documentation": { "value": "Applies backdrop blur. E.g. `backdrop-blur-sm`, `backdrop-blur`, `backdrop-blur-md`." }, "insertText": "backdrop-blur-${1|none,sm,md,lg,xl,2xl,3xl|}", "insertTextRules": 4, "sortText": "0037" },
+    { "label": "transition", "kind": 14, "detail": "transition-property: multiple", "documentation": { "value": "Sets `transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter`." }, "insertText": "transition", "insertTextRules": 0, "sortText": "0038" },
+    { "label": "duration-${1:ms}", "kind": 15, "detail": "transition-duration: {ms}ms", "documentation": { "value": "Sets transition duration. E.g. `duration-75`, `duration-100`, `duration-150`, `duration-200`, `duration-300`." }, "insertText": "duration-${1|75,100,150,200,300,500,700,1000|}", "insertTextRules": 4, "sortText": "0039" },
+    { "label": "ease-${1:type}", "kind": 15, "detail": "transition-timing-function", "documentation": { "value": "Sets easing function. E.g. `ease-linear`, `ease-in`, `ease-out`, `ease-in-out`." }, "insertText": "ease-${1|linear,in,out,in-out|}", "insertTextRules": 4, "sortText": "0040" },
+    { "label": "animate-${1:name}", "kind": 15, "detail": "animation: {name}", "documentation": { "value": "Applies animation. E.g. `animate-none`, `animate-spin`, `animate-ping`, `animate-pulse`, `animate-bounce`." }, "insertText": "animate-${1|none,spin,ping,pulse,bounce|}", "insertTextRules": 4, "sortText": "0041" },
+    { "label": "sm:", "kind": 14, "detail": "Responsive: ≥640px", "documentation": { "value": "Applies styles at `min-width: 640px` and above. Usage: `sm:flex`, `sm:text-lg`." }, "insertText": "sm:", "insertTextRules": 0, "sortText": "0050" },
+    { "label": "md:", "kind": 14, "detail": "Responsive: ≥768px", "documentation": { "value": "Applies styles at `min-width: 768px` and above. Usage: `md:grid`, `md:p-8`." }, "insertText": "md:", "insertTextRules": 0, "sortText": "0051" },
+    { "label": "lg:", "kind": 14, "detail": "Responsive: ≥1024px", "documentation": { "value": "Applies styles at `min-width: 1024px` and above. Usage: `lg:flex-row`, `lg:text-xl`." }, "insertText": "lg:", "insertTextRules": 0, "sortText": "0052" },
+    { "label": "xl:", "kind": 14, "detail": "Responsive: ≥1280px", "documentation": { "value": "Applies styles at `min-width: 1280px` and above. Usage: `xl:max-w-screen-xl`." }, "insertText": "xl:", "insertTextRules": 0, "sortText": "0053" },
+    { "label": "2xl:", "kind": 14, "detail": "Responsive: ≥1536px", "documentation": { "value": "Applies styles at `min-width: 1536px` and above. Usage: `2xl:container`." }, "insertText": "2xl:", "insertTextRules": 0, "sortText": "0054" },
+    { "label": "hover:", "kind": 14, "detail": "State: :hover", "documentation": { "value": "Applies styles on hover. Usage: `hover:bg-blue-600`, `hover:underline`." }, "insertText": "hover:", "insertTextRules": 0, "sortText": "0060" },
+    { "label": "focus:", "kind": 14, "detail": "State: :focus", "documentation": { "value": "Applies styles on focus. Usage: `focus:ring-2`, `focus:outline-none`." }, "insertText": "focus:", "insertTextRules": 0, "sortText": "0061" },
+    { "label": "active:", "kind": 14, "detail": "State: :active", "documentation": { "value": "Applies styles on active/pressed state. Usage: `active:bg-blue-700`." }, "insertText": "active:", "insertTextRules": 0, "sortText": "0062" },
+    { "label": "dark:", "kind": 14, "detail": "Dark mode variant", "documentation": { "value": "Applies styles in dark mode. Usage: `dark:bg-gray-800`, `dark:text-white`." }, "insertText": "dark:", "insertTextRules": 0, "sortText": "0063" },
+    { "label": "group-hover:", "kind": 14, "detail": "State: group :hover child", "documentation": { "value": "Applies styles when parent `.group` is hovered. Usage: `group-hover:text-blue-500`." }, "insertText": "group-hover:", "insertTextRules": 0, "sortText": "0064" },
+    { "label": "peer-focus:", "kind": 14, "detail": "State: peer :focus sibling", "documentation": { "value": "Applies styles when sibling `.peer` is focused. Usage: `peer-focus:text-green-500`." }, "insertText": "peer-focus:", "insertTextRules": 0, "sortText": "0065" },
+    { "label": "@tailwind base", "kind": 15, "detail": "Tailwind base directive", "documentation": { "value": "Injects Tailwind's base styles (Preflight) into your CSS." }, "insertText": "@tailwind base;", "insertTextRules": 4, "sortText": "0070" },
+    { "label": "@tailwind components", "kind": 15, "detail": "Tailwind components directive", "documentation": { "value": "Injects Tailwind's component classes into your CSS." }, "insertText": "@tailwind components;", "insertTextRules": 4, "sortText": "0071" },
+    { "label": "@tailwind utilities", "kind": 15, "detail": "Tailwind utilities directive", "documentation": { "value": "Injects Tailwind's utility classes into your CSS." }, "insertText": "@tailwind utilities;", "insertTextRules": 4, "sortText": "0072" },
+    { "label": "@apply", "kind": 15, "detail": "Apply utility classes inline", "documentation": { "value": "Applies existing Tailwind utility classes in custom CSS. E.g. `@apply flex items-center p-4;`" }, "insertText": "@apply ${1:flex items-center};", "insertTextRules": 4, "sortText": "0073" },
+    { "label": "@layer", "kind": 15, "detail": "Tailwind layer directive", "documentation": { "value": "Adds custom styles to a Tailwind layer: `base`, `components`, or `utilities`." }, "insertText": "@layer ${1|base,components,utilities|} {\n  $0\n}", "insertTextRules": 4, "sortText": "0074" },
+    { "label": "@config", "kind": 15, "detail": "Tailwind config directive", "documentation": { "value": "Specifies the Tailwind config file to use for this CSS file. E.g. `@config './tailwind.config.js';`" }, "insertText": "@config '${1:./tailwind.config.js}';", "insertTextRules": 4, "sortText": "0075" },
+    { "label": "items-center", "kind": 14, "detail": "align-items: center", "documentation": { "value": "Sets `align-items: center` to vertically center flex/grid children." }, "insertText": "items-center", "insertTextRules": 0, "sortText": "0080" },
+    { "label": "justify-center", "kind": 14, "detail": "justify-content: center", "documentation": { "value": "Sets `justify-content: center` to horizontally center flex/grid children." }, "insertText": "justify-center", "insertTextRules": 0, "sortText": "0081" },
+    { "label": "text-${1:color}", "kind": 15, "detail": "color: {color}", "documentation": { "value": "Sets text color. E.g. `text-white`, `text-gray-700`, `text-blue-500`." }, "insertText": "text-${1:gray-700}", "insertTextRules": 4, "sortText": "0082" },
+    { "label": "-m-${1:size}", "kind": 15, "detail": "negative margin", "documentation": { "value": "Sets negative margin. E.g. `-m-1`, `-m-2`, `-m-4`." }, "insertText": "-m-${1:4}", "insertTextRules": 4, "sortText": "0083" },
+    { "label": "!important modifier", "kind": 15, "detail": "! prefix for important", "documentation": { "value": "Prefix any utility with `!` to apply `!important`. E.g. `!p-4`, `!text-red-500`." }, "insertText": "!${1:p-4}", "insertTextRules": 4, "sortText": "0084" },
+
+    { "label": "relative", "kind": 14, "detail": "position: relative", "documentation": { "value": "Sets `position: relative` on the element." }, "insertText": "relative", "insertTextRules": 0, "sortText": "0100" },
+    { "label": "absolute", "kind": 14, "detail": "position: absolute", "documentation": { "value": "Sets `position: absolute` on the element." }, "insertText": "absolute", "insertTextRules": 0, "sortText": "0101" },
+    { "label": "fixed", "kind": 14, "detail": "position: fixed", "documentation": { "value": "Sets `position: fixed` on the element." }, "insertText": "fixed", "insertTextRules": 0, "sortText": "0102" },
+    { "label": "sticky", "kind": 14, "detail": "position: sticky", "documentation": { "value": "Sets `position: sticky` on the element." }, "insertText": "sticky", "insertTextRules": 0, "sortText": "0103" },
+    { "label": "static", "kind": 14, "detail": "position: static", "documentation": { "value": "Sets `position: static` on the element (default)." }, "insertText": "static", "insertTextRules": 0, "sortText": "0104" },
+    { "label": "inset-${1:value}", "kind": 15, "detail": "top/right/bottom/left: {value}", "documentation": { "value": "Sets all inset properties. E.g. `inset-0`, `inset-auto`, `inset-x-0`, `inset-y-0`." }, "insertText": "inset-${1|0,auto,x-0,y-0,x-auto,y-auto|}", "insertTextRules": 4, "sortText": "0105" },
+    { "label": "top-${1:value}", "kind": 15, "detail": "top: {value}", "documentation": { "value": "Sets top position. E.g. `top-0`, `top-1`, `top-auto`, `top-1/2`, `top-full`." }, "insertText": "top-${1|0,1,2,4,auto,1/2,full|}", "insertTextRules": 4, "sortText": "0106" },
+    { "label": "right-${1:value}", "kind": 15, "detail": "right: {value}", "documentation": { "value": "Sets right position. E.g. `right-0`, `right-auto`, `right-full`." }, "insertText": "right-${1|0,1,2,4,auto,1/2,full|}", "insertTextRules": 4, "sortText": "0107" },
+    { "label": "bottom-${1:value}", "kind": 15, "detail": "bottom: {value}", "documentation": { "value": "Sets bottom position. E.g. `bottom-0`, `bottom-auto`, `bottom-full`." }, "insertText": "bottom-${1|0,1,2,4,auto,1/2,full|}", "insertTextRules": 4, "sortText": "0108" },
+    { "label": "left-${1:value}", "kind": 15, "detail": "left: {value}", "documentation": { "value": "Sets left position. E.g. `left-0`, `left-auto`, `left-full`." }, "insertText": "left-${1|0,1,2,4,auto,1/2,full|}", "insertTextRules": 4, "sortText": "0109" },
+    { "label": "z-${1:value}", "kind": 15, "detail": "z-index: {value}", "documentation": { "value": "Sets z-index. E.g. `z-0`, `z-10`, `z-20`, `z-30`, `z-40`, `z-50`, `z-auto`." }, "insertText": "z-${1|0,10,20,30,40,50,auto|}", "insertTextRules": 4, "sortText": "0110" },
+
+    { "label": "overflow-${1:value}", "kind": 15, "detail": "overflow: {value}", "documentation": { "value": "Sets overflow behavior. E.g. `overflow-auto`, `overflow-hidden`, `overflow-visible`, `overflow-scroll`." }, "insertText": "overflow-${1|auto,hidden,visible,scroll,x-auto,y-auto,x-hidden,y-hidden,x-scroll,y-scroll|}", "insertTextRules": 4, "sortText": "0115" },
+    { "label": "overscroll-${1:value}", "kind": 15, "detail": "overscroll-behavior: {value}", "documentation": { "value": "Sets overscroll behavior. E.g. `overscroll-auto`, `overscroll-contain`, `overscroll-none`." }, "insertText": "overscroll-${1|auto,contain,none,x-auto,y-auto,x-contain,y-contain,x-none,y-none|}", "insertTextRules": 4, "sortText": "0116" },
+
+    { "label": "flex-row", "kind": 14, "detail": "flex-direction: row", "documentation": { "value": "Sets flex direction to row (horizontal, default)." }, "insertText": "flex-row", "insertTextRules": 0, "sortText": "0120" },
+    { "label": "flex-col", "kind": 14, "detail": "flex-direction: column", "documentation": { "value": "Sets flex direction to column (vertical)." }, "insertText": "flex-col", "insertTextRules": 0, "sortText": "0121" },
+    { "label": "flex-row-reverse", "kind": 14, "detail": "flex-direction: row-reverse", "documentation": { "value": "Sets flex direction to reversed row." }, "insertText": "flex-row-reverse", "insertTextRules": 0, "sortText": "0122" },
+    { "label": "flex-col-reverse", "kind": 14, "detail": "flex-direction: column-reverse", "documentation": { "value": "Sets flex direction to reversed column." }, "insertText": "flex-col-reverse", "insertTextRules": 0, "sortText": "0123" },
+    { "label": "flex-wrap", "kind": 14, "detail": "flex-wrap: wrap", "documentation": { "value": "Allows flex items to wrap to new lines." }, "insertText": "flex-wrap", "insertTextRules": 0, "sortText": "0124" },
+    { "label": "flex-nowrap", "kind": 14, "detail": "flex-wrap: nowrap", "documentation": { "value": "Prevents flex items from wrapping." }, "insertText": "flex-nowrap", "insertTextRules": 0, "sortText": "0125" },
+    { "label": "flex-wrap-reverse", "kind": 14, "detail": "flex-wrap: wrap-reverse", "documentation": { "value": "Flex items wrap in reverse order." }, "insertText": "flex-wrap-reverse", "insertTextRules": 0, "sortText": "0126" },
+    { "label": "flex-1", "kind": 14, "detail": "flex: 1 1 0%", "documentation": { "value": "Sets `flex: 1 1 0%` — item grows and shrinks, ignoring initial size." }, "insertText": "flex-1", "insertTextRules": 0, "sortText": "0127" },
+    { "label": "flex-auto", "kind": 14, "detail": "flex: 1 1 auto", "documentation": { "value": "Sets `flex: 1 1 auto` — item grows and shrinks considering initial size." }, "insertText": "flex-auto", "insertTextRules": 0, "sortText": "0128" },
+    { "label": "flex-initial", "kind": 14, "detail": "flex: 0 1 auto", "documentation": { "value": "Sets `flex: 0 1 auto` — item can shrink but won't grow." }, "insertText": "flex-initial", "insertTextRules": 0, "sortText": "0129" },
+    { "label": "flex-none", "kind": 14, "detail": "flex: none", "documentation": { "value": "Prevents the item from growing or shrinking." }, "insertText": "flex-none", "insertTextRules": 0, "sortText": "0130" },
+    { "label": "grow", "kind": 14, "detail": "flex-grow: 1", "documentation": { "value": "Allows a flex item to grow to fill available space." }, "insertText": "grow", "insertTextRules": 0, "sortText": "0131" },
+    { "label": "grow-0", "kind": 14, "detail": "flex-grow: 0", "documentation": { "value": "Prevents a flex item from growing." }, "insertText": "grow-0", "insertTextRules": 0, "sortText": "0132" },
+    { "label": "shrink", "kind": 14, "detail": "flex-shrink: 1", "documentation": { "value": "Allows a flex item to shrink if needed." }, "insertText": "shrink", "insertTextRules": 0, "sortText": "0133" },
+    { "label": "shrink-0", "kind": 14, "detail": "flex-shrink: 0", "documentation": { "value": "Prevents a flex item from shrinking." }, "insertText": "shrink-0", "insertTextRules": 0, "sortText": "0134" },
+    { "label": "order-${1:n}", "kind": 15, "detail": "order: {n}", "documentation": { "value": "Sets the order of a flex/grid item. E.g. `order-1`, `order-first`, `order-last`, `order-none`." }, "insertText": "order-${1|1,2,3,4,5,6,7,8,9,10,11,12,first,last,none|}", "insertTextRules": 4, "sortText": "0135" },
+
+    { "label": "items-${1:value}", "kind": 15, "detail": "align-items: {value}", "documentation": { "value": "Sets align-items. E.g. `items-start`, `items-end`, `items-center`, `items-baseline`, `items-stretch`." }, "insertText": "items-${1|start,end,center,baseline,stretch|}", "insertTextRules": 4, "sortText": "0140" },
+    { "label": "justify-${1:value}", "kind": 15, "detail": "justify-content: {value}", "documentation": { "value": "Sets justify-content. E.g. `justify-start`, `justify-end`, `justify-center`, `justify-between`, `justify-around`, `justify-evenly`." }, "insertText": "justify-${1|start,end,center,between,around,evenly|}", "insertTextRules": 4, "sortText": "0141" },
+    { "label": "justify-items-${1:value}", "kind": 15, "detail": "justify-items: {value}", "documentation": { "value": "Sets justify-items for grid. E.g. `justify-items-start`, `justify-items-center`, `justify-items-stretch`." }, "insertText": "justify-items-${1|start,end,center,stretch|}", "insertTextRules": 4, "sortText": "0142" },
+    { "label": "justify-self-${1:value}", "kind": 15, "detail": "justify-self: {value}", "documentation": { "value": "Sets justify-self for a grid item. E.g. `justify-self-auto`, `justify-self-start`, `justify-self-center`." }, "insertText": "justify-self-${1|auto,start,end,center,stretch|}", "insertTextRules": 4, "sortText": "0143" },
+    { "label": "self-${1:value}", "kind": 15, "detail": "align-self: {value}", "documentation": { "value": "Sets align-self. E.g. `self-auto`, `self-start`, `self-end`, `self-center`, `self-stretch`." }, "insertText": "self-${1|auto,start,end,center,stretch,baseline|}", "insertTextRules": 4, "sortText": "0144" },
+    { "label": "content-${1:value}", "kind": 15, "detail": "align-content: {value}", "documentation": { "value": "Sets align-content. E.g. `content-center`, `content-start`, `content-end`, `content-between`." }, "insertText": "content-${1|normal,center,start,end,between,around,evenly,baseline,stretch|}", "insertTextRules": 4, "sortText": "0145" },
+    { "label": "place-content-${1:value}", "kind": 15, "detail": "place-content: {value}", "documentation": { "value": "Sets place-content. E.g. `place-content-center`, `place-content-between`." }, "insertText": "place-content-${1|center,start,end,between,around,evenly,baseline,stretch|}", "insertTextRules": 4, "sortText": "0146" },
+    { "label": "place-items-${1:value}", "kind": 15, "detail": "place-items: {value}", "documentation": { "value": "Sets place-items. E.g. `place-items-center`, `place-items-start`." }, "insertText": "place-items-${1|start,end,center,baseline,stretch|}", "insertTextRules": 4, "sortText": "0147" },
+    { "label": "place-self-${1:value}", "kind": 15, "detail": "place-self: {value}", "documentation": { "value": "Sets place-self. E.g. `place-self-auto`, `place-self-center`." }, "insertText": "place-self-${1|auto,start,end,center,stretch|}", "insertTextRules": 4, "sortText": "0148" },
+
+    { "label": "grid-cols-${1:n}", "kind": 15, "detail": "grid-template-columns: repeat({n})", "documentation": { "value": "Sets number of grid columns. E.g. `grid-cols-1` through `grid-cols-12`, `grid-cols-none`, `grid-cols-subgrid`." }, "insertText": "grid-cols-${1|1,2,3,4,5,6,7,8,9,10,11,12,none,subgrid|}", "insertTextRules": 4, "sortText": "0150" },
+    { "label": "grid-rows-${1:n}", "kind": 15, "detail": "grid-template-rows: repeat({n})", "documentation": { "value": "Sets number of grid rows. E.g. `grid-rows-1` through `grid-rows-6`, `grid-rows-none`, `grid-rows-subgrid`." }, "insertText": "grid-rows-${1|1,2,3,4,5,6,none,subgrid|}", "insertTextRules": 4, "sortText": "0151" },
+    { "label": "col-span-${1:n}", "kind": 15, "detail": "grid-column: span {n}", "documentation": { "value": "Sets how many columns a grid item spans. E.g. `col-span-1` through `col-span-12`, `col-span-full`." }, "insertText": "col-span-${1|1,2,3,4,5,6,7,8,9,10,11,12,full|}", "insertTextRules": 4, "sortText": "0152" },
+    { "label": "col-start-${1:n}", "kind": 15, "detail": "grid-column-start: {n}", "documentation": { "value": "Sets the starting grid column line. E.g. `col-start-1` through `col-start-13`, `col-start-auto`." }, "insertText": "col-start-${1|1,2,3,4,5,6,7,8,9,10,11,12,13,auto|}", "insertTextRules": 4, "sortText": "0153" },
+    { "label": "col-end-${1:n}", "kind": 15, "detail": "grid-column-end: {n}", "documentation": { "value": "Sets the ending grid column line. E.g. `col-end-1` through `col-end-13`, `col-end-auto`." }, "insertText": "col-end-${1|1,2,3,4,5,6,7,8,9,10,11,12,13,auto|}", "insertTextRules": 4, "sortText": "0154" },
+    { "label": "row-span-${1:n}", "kind": 15, "detail": "grid-row: span {n}", "documentation": { "value": "Sets how many rows a grid item spans. E.g. `row-span-1` through `row-span-6`, `row-span-full`." }, "insertText": "row-span-${1|1,2,3,4,5,6,full|}", "insertTextRules": 4, "sortText": "0155" },
+    { "label": "row-start-${1:n}", "kind": 15, "detail": "grid-row-start: {n}", "documentation": { "value": "Sets the starting grid row line." }, "insertText": "row-start-${1|1,2,3,4,5,6,7,auto|}", "insertTextRules": 4, "sortText": "0156" },
+    { "label": "row-end-${1:n}", "kind": 15, "detail": "grid-row-end: {n}", "documentation": { "value": "Sets the ending grid row line." }, "insertText": "row-end-${1|1,2,3,4,5,6,7,auto|}", "insertTextRules": 4, "sortText": "0157" },
+    { "label": "auto-cols-${1:value}", "kind": 15, "detail": "grid-auto-columns: {value}", "documentation": { "value": "Sets implicit grid column size. E.g. `auto-cols-auto`, `auto-cols-min`, `auto-cols-max`, `auto-cols-fr`." }, "insertText": "auto-cols-${1|auto,min,max,fr|}", "insertTextRules": 4, "sortText": "0158" },
+    { "label": "auto-rows-${1:value}", "kind": 15, "detail": "grid-auto-rows: {value}", "documentation": { "value": "Sets implicit grid row size. E.g. `auto-rows-auto`, `auto-rows-min`, `auto-rows-max`, `auto-rows-fr`." }, "insertText": "auto-rows-${1|auto,min,max,fr|}", "insertTextRules": 4, "sortText": "0159" },
+    { "label": "grid-flow-${1:value}", "kind": 15, "detail": "grid-auto-flow: {value}", "documentation": { "value": "Sets grid auto-flow. E.g. `grid-flow-row`, `grid-flow-col`, `grid-flow-dense`, `grid-flow-row-dense`, `grid-flow-col-dense`." }, "insertText": "grid-flow-${1|row,col,dense,row-dense,col-dense|}", "insertTextRules": 4, "sortText": "0160" },
+    { "label": "gap-x-${1:size}", "kind": 15, "detail": "column-gap: {size}", "documentation": { "value": "Sets horizontal gap between grid/flex items. E.g. `gap-x-2`, `gap-x-4`, `gap-x-6`." }, "insertText": "gap-x-${1:4}", "insertTextRules": 4, "sortText": "0161" },
+    { "label": "gap-y-${1:size}", "kind": 15, "detail": "row-gap: {size}", "documentation": { "value": "Sets vertical gap between grid/flex items. E.g. `gap-y-2`, `gap-y-4`, `gap-y-6`." }, "insertText": "gap-y-${1:4}", "insertTextRules": 4, "sortText": "0162" },
+
+    { "label": "uppercase", "kind": 14, "detail": "text-transform: uppercase", "documentation": { "value": "Sets text to uppercase." }, "insertText": "uppercase", "insertTextRules": 0, "sortText": "0170" },
+    { "label": "lowercase", "kind": 14, "detail": "text-transform: lowercase", "documentation": { "value": "Sets text to lowercase." }, "insertText": "lowercase", "insertTextRules": 0, "sortText": "0171" },
+    { "label": "capitalize", "kind": 14, "detail": "text-transform: capitalize", "documentation": { "value": "Capitalizes the first letter of each word." }, "insertText": "capitalize", "insertTextRules": 0, "sortText": "0172" },
+    { "label": "normal-case", "kind": 14, "detail": "text-transform: none", "documentation": { "value": "Resets text transform to none." }, "insertText": "normal-case", "insertTextRules": 0, "sortText": "0173" },
+    { "label": "italic", "kind": 14, "detail": "font-style: italic", "documentation": { "value": "Sets font style to italic." }, "insertText": "italic", "insertTextRules": 0, "sortText": "0174" },
+    { "label": "not-italic", "kind": 14, "detail": "font-style: normal", "documentation": { "value": "Resets font style to normal." }, "insertText": "not-italic", "insertTextRules": 0, "sortText": "0175" },
+    { "label": "underline", "kind": 14, "detail": "text-decoration: underline", "documentation": { "value": "Adds underline text decoration." }, "insertText": "underline", "insertTextRules": 0, "sortText": "0176" },
+    { "label": "line-through", "kind": 14, "detail": "text-decoration: line-through", "documentation": { "value": "Adds strikethrough text decoration." }, "insertText": "line-through", "insertTextRules": 0, "sortText": "0177" },
+    { "label": "no-underline", "kind": 14, "detail": "text-decoration: none", "documentation": { "value": "Removes text decoration." }, "insertText": "no-underline", "insertTextRules": 0, "sortText": "0178" },
+    { "label": "truncate", "kind": 14, "detail": "overflow: hidden + text-overflow: ellipsis", "documentation": { "value": "Truncates overflowing text with an ellipsis. Sets `overflow: hidden`, `text-overflow: ellipsis`, `white-space: nowrap`." }, "insertText": "truncate", "insertTextRules": 0, "sortText": "0179" },
+    { "label": "text-ellipsis", "kind": 14, "detail": "text-overflow: ellipsis", "documentation": { "value": "Sets `text-overflow: ellipsis`." }, "insertText": "text-ellipsis", "insertTextRules": 0, "sortText": "0180" },
+    { "label": "text-clip", "kind": 14, "detail": "text-overflow: clip", "documentation": { "value": "Sets `text-overflow: clip` — text is clipped without ellipsis." }, "insertText": "text-clip", "insertTextRules": 0, "sortText": "0181" },
+    { "label": "whitespace-${1:value}", "kind": 15, "detail": "white-space: {value}", "documentation": { "value": "Sets white-space. E.g. `whitespace-normal`, `whitespace-nowrap`, `whitespace-pre`, `whitespace-pre-line`, `whitespace-pre-wrap`." }, "insertText": "whitespace-${1|normal,nowrap,pre,pre-line,pre-wrap,break-spaces|}", "insertTextRules": 4, "sortText": "0182" },
+    { "label": "break-${1:value}", "kind": 15, "detail": "word-break/overflow-wrap: {value}", "documentation": { "value": "Sets word break behavior. E.g. `break-normal`, `break-words`, `break-all`, `break-keep`." }, "insertText": "break-${1|normal,words,all,keep|}", "insertTextRules": 4, "sortText": "0183" },
+    { "label": "line-clamp-${1:n}", "kind": 15, "detail": "truncate to {n} lines", "documentation": { "value": "Truncates text to a specific number of lines with ellipsis. E.g. `line-clamp-1`, `line-clamp-2`, `line-clamp-3`." }, "insertText": "line-clamp-${1|1,2,3,4,5,6,none|}", "insertTextRules": 4, "sortText": "0184" },
+    { "label": "text-${1:align}", "kind": 15, "detail": "text-align: {align}", "documentation": { "value": "Sets text alignment. E.g. `text-left`, `text-center`, `text-right`, `text-justify`, `text-start`, `text-end`." }, "insertText": "text-${1|left,center,right,justify,start,end|}", "insertTextRules": 4, "sortText": "0185" },
+    { "label": "align-${1:value}", "kind": 15, "detail": "vertical-align: {value}", "documentation": { "value": "Sets vertical alignment. E.g. `align-baseline`, `align-top`, `align-middle`, `align-bottom`." }, "insertText": "align-${1|baseline,top,middle,bottom,text-top,text-bottom,sub,super|}", "insertTextRules": 4, "sortText": "0186" },
+    { "label": "font-${1:family}", "kind": 15, "detail": "font-family: {family}", "documentation": { "value": "Sets font family. E.g. `font-sans`, `font-serif`, `font-mono`." }, "insertText": "font-${1|sans,serif,mono|}", "insertTextRules": 4, "sortText": "0187" },
+    { "label": "list-${1:type}", "kind": 15, "detail": "list-style-type: {type}", "documentation": { "value": "Sets list style. E.g. `list-none`, `list-disc`, `list-decimal`." }, "insertText": "list-${1|none,disc,decimal|}", "insertTextRules": 4, "sortText": "0188" },
+    { "label": "list-inside", "kind": 14, "detail": "list-style-position: inside", "documentation": { "value": "Places list markers inside the content flow." }, "insertText": "list-inside", "insertTextRules": 0, "sortText": "0189" },
+    { "label": "list-outside", "kind": 14, "detail": "list-style-position: outside", "documentation": { "value": "Places list markers outside the content flow (default)." }, "insertText": "list-outside", "insertTextRules": 0, "sortText": "0190" },
+
+    { "label": "grayscale", "kind": 14, "detail": "filter: grayscale(100%)", "documentation": { "value": "Applies full grayscale filter." }, "insertText": "grayscale", "insertTextRules": 0, "sortText": "0200" },
+    { "label": "grayscale-0", "kind": 14, "detail": "filter: grayscale(0)", "documentation": { "value": "Removes grayscale filter." }, "insertText": "grayscale-0", "insertTextRules": 0, "sortText": "0201" },
+    { "label": "invert", "kind": 14, "detail": "filter: invert(100%)", "documentation": { "value": "Inverts the element's colors." }, "insertText": "invert", "insertTextRules": 0, "sortText": "0202" },
+    { "label": "sepia", "kind": 14, "detail": "filter: sepia(100%)", "documentation": { "value": "Applies sepia tone filter." }, "insertText": "sepia", "insertTextRules": 0, "sortText": "0203" },
+    { "label": "saturate-${1:value}", "kind": 15, "detail": "filter: saturate({value})", "documentation": { "value": "Sets saturation filter. E.g. `saturate-0`, `saturate-50`, `saturate-100`, `saturate-150`, `saturate-200`." }, "insertText": "saturate-${1|0,50,100,150,200|}", "insertTextRules": 4, "sortText": "0204" },
+    { "label": "brightness-${1:value}", "kind": 15, "detail": "filter: brightness({value})", "documentation": { "value": "Sets brightness filter. E.g. `brightness-0`, `brightness-50`, `brightness-75`, `brightness-100`, `brightness-125`, `brightness-150`, `brightness-200`." }, "insertText": "brightness-${1|0,50,75,90,95,100,105,110,125,150,200|}", "insertTextRules": 4, "sortText": "0205" },
+    { "label": "contrast-${1:value}", "kind": 15, "detail": "filter: contrast({value})", "documentation": { "value": "Sets contrast filter. E.g. `contrast-0`, `contrast-50`, `contrast-100`, `contrast-125`, `contrast-200`." }, "insertText": "contrast-${1|0,50,75,100,125,150,200|}", "insertTextRules": 4, "sortText": "0206" },
+    { "label": "hue-rotate-${1:deg}", "kind": 15, "detail": "filter: hue-rotate({deg}deg)", "documentation": { "value": "Rotates the hue. E.g. `hue-rotate-15`, `hue-rotate-30`, `hue-rotate-60`, `hue-rotate-90`, `hue-rotate-180`." }, "insertText": "hue-rotate-${1|0,15,30,60,90,180|}", "insertTextRules": 4, "sortText": "0207" },
+    { "label": "drop-shadow-${1:size}", "kind": 15, "detail": "filter: drop-shadow()", "documentation": { "value": "Applies drop shadow filter. E.g. `drop-shadow-sm`, `drop-shadow`, `drop-shadow-md`, `drop-shadow-lg`, `drop-shadow-xl`, `drop-shadow-none`." }, "insertText": "drop-shadow-${1|sm,md,lg,xl,2xl,none|}", "insertTextRules": 4, "sortText": "0208" },
+
+    { "label": "backdrop-brightness-${1:value}", "kind": 15, "detail": "backdrop-filter: brightness()", "documentation": { "value": "Sets backdrop brightness. E.g. `backdrop-brightness-50`, `backdrop-brightness-100`, `backdrop-brightness-150`." }, "insertText": "backdrop-brightness-${1|0,50,75,90,95,100,105,110,125,150,200|}", "insertTextRules": 4, "sortText": "0210" },
+    { "label": "backdrop-contrast-${1:value}", "kind": 15, "detail": "backdrop-filter: contrast()", "documentation": { "value": "Sets backdrop contrast. E.g. `backdrop-contrast-50`, `backdrop-contrast-100`." }, "insertText": "backdrop-contrast-${1|0,50,75,100,125,150,200|}", "insertTextRules": 4, "sortText": "0211" },
+    { "label": "backdrop-grayscale", "kind": 14, "detail": "backdrop-filter: grayscale(100%)", "documentation": { "value": "Applies grayscale to the backdrop." }, "insertText": "backdrop-grayscale", "insertTextRules": 0, "sortText": "0212" },
+    { "label": "backdrop-invert", "kind": 14, "detail": "backdrop-filter: invert(100%)", "documentation": { "value": "Inverts colors of the backdrop." }, "insertText": "backdrop-invert", "insertTextRules": 0, "sortText": "0213" },
+    { "label": "backdrop-saturate-${1:value}", "kind": 15, "detail": "backdrop-filter: saturate()", "documentation": { "value": "Sets backdrop saturation." }, "insertText": "backdrop-saturate-${1|0,50,100,150,200|}", "insertTextRules": 4, "sortText": "0214" },
+    { "label": "backdrop-sepia", "kind": 14, "detail": "backdrop-filter: sepia(100%)", "documentation": { "value": "Applies sepia tone to the backdrop." }, "insertText": "backdrop-sepia", "insertTextRules": 0, "sortText": "0215" },
+    { "label": "backdrop-opacity-${1:value}", "kind": 15, "detail": "backdrop-filter: opacity()", "documentation": { "value": "Sets backdrop opacity. E.g. `backdrop-opacity-0`, `backdrop-opacity-50`, `backdrop-opacity-100`." }, "insertText": "backdrop-opacity-${1|0,5,10,20,25,30,40,50,60,70,75,80,90,95,100|}", "insertTextRules": 4, "sortText": "0216" },
+
+    { "label": "ring-${1:color}", "kind": 15, "detail": "ring-color: {color}", "documentation": { "value": "Sets the ring color. E.g. `ring-blue-500`, `ring-red-400`, `ring-transparent`." }, "insertText": "ring-${1:blue-500}", "insertTextRules": 4, "sortText": "0220" },
+    { "label": "ring-offset-${1:size}", "kind": 15, "detail": "ring-offset-width: {size}", "documentation": { "value": "Sets the ring offset width. E.g. `ring-offset-0`, `ring-offset-1`, `ring-offset-2`, `ring-offset-4`, `ring-offset-8`." }, "insertText": "ring-offset-${1|0,1,2,4,8|}", "insertTextRules": 4, "sortText": "0221" },
+    { "label": "ring-offset-${1:color}", "kind": 15, "detail": "ring-offset-color: {color}", "documentation": { "value": "Sets the ring offset color. E.g. `ring-offset-white`, `ring-offset-gray-100`." }, "insertText": "ring-offset-${1:white}", "insertTextRules": 4, "sortText": "0222" },
+    { "label": "ring-inset", "kind": 14, "detail": "box-shadow: inset ring", "documentation": { "value": "Makes the ring render as an inset shadow." }, "insertText": "ring-inset", "insertTextRules": 0, "sortText": "0223" },
+    { "label": "outline-${1:value}", "kind": 15, "detail": "outline: {value}", "documentation": { "value": "Sets outline style. E.g. `outline-none`, `outline`, `outline-dashed`, `outline-dotted`, `outline-double`." }, "insertText": "outline-${1|none,,dashed,dotted,double|}", "insertTextRules": 4, "sortText": "0224" },
+    { "label": "outline-${1:size}", "kind": 15, "detail": "outline-width: {size}", "documentation": { "value": "Sets outline width. E.g. `outline-0`, `outline-1`, `outline-2`, `outline-4`, `outline-8`." }, "insertText": "outline-${1|0,1,2,4,8|}", "insertTextRules": 4, "sortText": "0225" },
+    { "label": "outline-offset-${1:size}", "kind": 15, "detail": "outline-offset: {size}", "documentation": { "value": "Sets outline offset. E.g. `outline-offset-0`, `outline-offset-1`, `outline-offset-2`, `outline-offset-4`." }, "insertText": "outline-offset-${1|0,1,2,4,8|}", "insertTextRules": 4, "sortText": "0226" },
+
+    { "label": "divide-x-${1:size}", "kind": 15, "detail": "border-left-width between children", "documentation": { "value": "Adds vertical dividers between children. E.g. `divide-x`, `divide-x-2`, `divide-x-4`." }, "insertText": "divide-x-${1|0,2,4,8,reverse|}", "insertTextRules": 4, "sortText": "0230" },
+    { "label": "divide-y-${1:size}", "kind": 15, "detail": "border-top-width between children", "documentation": { "value": "Adds horizontal dividers between children. E.g. `divide-y`, `divide-y-2`, `divide-y-4`." }, "insertText": "divide-y-${1|0,2,4,8,reverse|}", "insertTextRules": 4, "sortText": "0231" },
+    { "label": "divide-${1:color}", "kind": 15, "detail": "divide-color: {color}", "documentation": { "value": "Sets the color of divide borders. E.g. `divide-gray-200`, `divide-slate-300`." }, "insertText": "divide-${1:gray-200}", "insertTextRules": 4, "sortText": "0232" },
+    { "label": "divide-${1:style}", "kind": 15, "detail": "divide-style: {style}", "documentation": { "value": "Sets divide border style. E.g. `divide-solid`, `divide-dashed`, `divide-dotted`, `divide-none`." }, "insertText": "divide-${1|solid,dashed,dotted,double,none|}", "insertTextRules": 4, "sortText": "0233" },
+    { "label": "space-y-${1:size}", "kind": 15, "detail": "vertical space between children", "documentation": { "value": "Adds vertical margin between child elements using `> * + *` selector." }, "insertText": "space-y-${1:4}", "insertTextRules": 4, "sortText": "0234" },
+
+    { "label": "scale-${1:value}", "kind": 15, "detail": "transform: scale({value})", "documentation": { "value": "Sets scale. E.g. `scale-0`, `scale-50`, `scale-75`, `scale-90`, `scale-95`, `scale-100`, `scale-105`, `scale-110`, `scale-125`, `scale-150`." }, "insertText": "scale-${1|0,50,75,90,95,100,105,110,125,150|}", "insertTextRules": 4, "sortText": "0240" },
+    { "label": "rotate-${1:deg}", "kind": 15, "detail": "transform: rotate({deg}deg)", "documentation": { "value": "Sets rotation. E.g. `rotate-0`, `rotate-1`, `rotate-2`, `rotate-3`, `rotate-6`, `rotate-12`, `rotate-45`, `rotate-90`, `rotate-180`." }, "insertText": "rotate-${1|0,1,2,3,6,12,45,90,180|}", "insertTextRules": 4, "sortText": "0241" },
+    { "label": "translate-x-${1:value}", "kind": 15, "detail": "transform: translateX()", "documentation": { "value": "Sets horizontal translation. E.g. `translate-x-0`, `translate-x-1`, `translate-x-4`, `translate-x-1/2`, `translate-x-full`." }, "insertText": "translate-x-${1|0,1,2,4,8,1/2,full|}", "insertTextRules": 4, "sortText": "0242" },
+    { "label": "translate-y-${1:value}", "kind": 15, "detail": "transform: translateY()", "documentation": { "value": "Sets vertical translation. E.g. `translate-y-0`, `translate-y-1`, `translate-y-4`, `translate-y-1/2`, `translate-y-full`." }, "insertText": "translate-y-${1|0,1,2,4,8,1/2,full|}", "insertTextRules": 4, "sortText": "0243" },
+    { "label": "skew-x-${1:deg}", "kind": 15, "detail": "transform: skewX({deg}deg)", "documentation": { "value": "Sets horizontal skew. E.g. `skew-x-0`, `skew-x-1`, `skew-x-2`, `skew-x-3`, `skew-x-6`, `skew-x-12`." }, "insertText": "skew-x-${1|0,1,2,3,6,12|}", "insertTextRules": 4, "sortText": "0244" },
+    { "label": "skew-y-${1:deg}", "kind": 15, "detail": "transform: skewY({deg}deg)", "documentation": { "value": "Sets vertical skew." }, "insertText": "skew-y-${1|0,1,2,3,6,12|}", "insertTextRules": 4, "sortText": "0245" },
+    { "label": "origin-${1:value}", "kind": 15, "detail": "transform-origin: {value}", "documentation": { "value": "Sets transform origin. E.g. `origin-center`, `origin-top`, `origin-top-right`, `origin-right`, `origin-bottom`." }, "insertText": "origin-${1|center,top,top-right,right,bottom-right,bottom,bottom-left,left,top-left|}", "insertTextRules": 4, "sortText": "0246" },
+
+    { "label": "cursor-${1:value}", "kind": 15, "detail": "cursor: {value}", "documentation": { "value": "Sets cursor style. E.g. `cursor-auto`, `cursor-default`, `cursor-pointer`, `cursor-wait`, `cursor-text`, `cursor-move`, `cursor-not-allowed`." }, "insertText": "cursor-${1|auto,default,pointer,wait,text,move,help,not-allowed,none,context-menu,progress,cell,crosshair,vertical-text,alias,copy,no-drop,grab,grabbing|}", "insertTextRules": 4, "sortText": "0250" },
+    { "label": "select-${1:value}", "kind": 15, "detail": "user-select: {value}", "documentation": { "value": "Sets user select. E.g. `select-none`, `select-text`, `select-all`, `select-auto`." }, "insertText": "select-${1|none,text,all,auto|}", "insertTextRules": 4, "sortText": "0251" },
+    { "label": "pointer-events-${1:value}", "kind": 15, "detail": "pointer-events: {value}", "documentation": { "value": "Sets pointer events. E.g. `pointer-events-none`, `pointer-events-auto`." }, "insertText": "pointer-events-${1|none,auto|}", "insertTextRules": 4, "sortText": "0252" },
+    { "label": "resize-${1:value}", "kind": 15, "detail": "resize: {value}", "documentation": { "value": "Sets resize behavior. E.g. `resize-none`, `resize`, `resize-y`, `resize-x`." }, "insertText": "resize-${1|none,,y,x|}", "insertTextRules": 4, "sortText": "0253" },
+    { "label": "scroll-${1:value}", "kind": 15, "detail": "scroll-behavior: {value}", "documentation": { "value": "Sets scroll behavior. E.g. `scroll-auto`, `scroll-smooth`." }, "insertText": "scroll-${1|auto,smooth|}", "insertTextRules": 4, "sortText": "0254" },
+    { "label": "snap-${1:value}", "kind": 15, "detail": "scroll-snap: {value}", "documentation": { "value": "Sets scroll snap. E.g. `snap-start`, `snap-end`, `snap-center`, `snap-align-none`, `snap-normal`, `snap-always`." }, "insertText": "snap-${1|start,end,center,align-none,normal,always,none,x,y,both,mandatory,proximity|}", "insertTextRules": 4, "sortText": "0255" },
+    { "label": "touch-${1:value}", "kind": 15, "detail": "touch-action: {value}", "documentation": { "value": "Sets touch action. E.g. `touch-auto`, `touch-none`, `touch-pan-x`, `touch-pan-y`, `touch-manipulation`." }, "insertText": "touch-${1|auto,none,pan-x,pan-left,pan-right,pan-y,pan-up,pan-down,pinch-zoom,manipulation|}", "insertTextRules": 4, "sortText": "0256" },
+    { "label": "will-change-${1:value}", "kind": 15, "detail": "will-change: {value}", "documentation": { "value": "Hints to the browser which properties will change. E.g. `will-change-auto`, `will-change-scroll`, `will-change-contents`, `will-change-transform`." }, "insertText": "will-change-${1|auto,scroll,contents,transform|}", "insertTextRules": 4, "sortText": "0257" },
+    { "label": "appearance-${1:value}", "kind": 15, "detail": "appearance: {value}", "documentation": { "value": "Sets appearance. E.g. `appearance-none`, `appearance-auto`." }, "insertText": "appearance-${1|none,auto|}", "insertTextRules": 4, "sortText": "0258" },
+    { "label": "accent-${1:color}", "kind": 15, "detail": "accent-color: {color}", "documentation": { "value": "Sets the accent color for form controls. E.g. `accent-blue-500`, `accent-auto`." }, "insertText": "accent-${1:auto}", "insertTextRules": 4, "sortText": "0259" },
+    { "label": "caret-${1:color}", "kind": 15, "detail": "caret-color: {color}", "documentation": { "value": "Sets the text cursor color. E.g. `caret-blue-500`, `caret-transparent`." }, "insertText": "caret-${1:blue-500}", "insertTextRules": 4, "sortText": "0260" },
+
+    { "label": "sr-only", "kind": 14, "detail": "screen reader only", "documentation": { "value": "Visually hides element but keeps it accessible to screen readers." }, "insertText": "sr-only", "insertTextRules": 0, "sortText": "0270" },
+    { "label": "not-sr-only", "kind": 14, "detail": "undo sr-only", "documentation": { "value": "Undoes the `sr-only` styles, making the element visible again." }, "insertText": "not-sr-only", "insertTextRules": 0, "sortText": "0271" },
+    { "label": "isolate", "kind": 14, "detail": "isolation: isolate", "documentation": { "value": "Creates a new stacking context for the element." }, "insertText": "isolate", "insertTextRules": 0, "sortText": "0272" },
+    { "label": "isolation-auto", "kind": 14, "detail": "isolation: auto", "documentation": { "value": "Resets isolation to auto." }, "insertText": "isolation-auto", "insertTextRules": 0, "sortText": "0273" },
+    { "label": "object-${1:value}", "kind": 15, "detail": "object-fit: {value}", "documentation": { "value": "Sets object-fit. E.g. `object-contain`, `object-cover`, `object-fill`, `object-none`, `object-scale-down`." }, "insertText": "object-${1|contain,cover,fill,none,scale-down|}", "insertTextRules": 4, "sortText": "0274" },
+    { "label": "object-${1:position}", "kind": 15, "detail": "object-position: {position}", "documentation": { "value": "Sets object-position. E.g. `object-bottom`, `object-center`, `object-left`, `object-right`, `object-top`." }, "insertText": "object-${1|bottom,center,left,left-bottom,left-top,right,right-bottom,right-top,top|}", "insertTextRules": 4, "sortText": "0275" },
+
+    { "label": "min-h-${1:size}", "kind": 15, "detail": "min-height: {size}", "documentation": { "value": "Sets minimum height. E.g. `min-h-0`, `min-h-full`, `min-h-screen`, `min-h-min`, `min-h-max`, `min-h-fit`." }, "insertText": "min-h-${1|0,full,screen,min,max,fit,svh,lvh,dvh|}", "insertTextRules": 4, "sortText": "0280" },
+    { "label": "max-h-${1:size}", "kind": 15, "detail": "max-height: {size}", "documentation": { "value": "Sets maximum height. E.g. `max-h-0`, `max-h-full`, `max-h-screen`, `max-h-min`, `max-h-max`, `max-h-fit`." }, "insertText": "max-h-${1|0,full,screen,min,max,fit,svh,lvh,dvh|}", "insertTextRules": 4, "sortText": "0281" },
+    { "label": "mx-${1:size}", "kind": 15, "detail": "margin-left/right: {size}", "documentation": { "value": "Sets horizontal margin. E.g. `mx-0`, `mx-2`, `mx-4`, `mx-auto`." }, "insertText": "mx-${1|0,1,2,4,8,auto|}", "insertTextRules": 4, "sortText": "0282" },
+    { "label": "my-${1:size}", "kind": 15, "detail": "margin-top/bottom: {size}", "documentation": { "value": "Sets vertical margin. E.g. `my-0`, `my-2`, `my-4`, `my-auto`." }, "insertText": "my-${1|0,1,2,4,8,auto|}", "insertTextRules": 4, "sortText": "0283" },
+
+    { "label": "border-${1:color}", "kind": 15, "detail": "border-color: {color}", "documentation": { "value": "Sets border color. E.g. `border-gray-300`, `border-blue-500`, `border-transparent`." }, "insertText": "border-${1:gray-300}", "insertTextRules": 4, "sortText": "0290" },
+    { "label": "border-${1:style}", "kind": 15, "detail": "border-style: {style}", "documentation": { "value": "Sets border style. E.g. `border-solid`, `border-dashed`, `border-dotted`, `border-double`, `border-none`." }, "insertText": "border-${1|solid,dashed,dotted,double,hidden,none|}", "insertTextRules": 4, "sortText": "0291" },
+    { "label": "border-t-${1:size}", "kind": 15, "detail": "border-top-width: {size}", "documentation": { "value": "Sets top border width. E.g. `border-t`, `border-t-0`, `border-t-2`, `border-t-4`." }, "insertText": "border-t-${1|0,2,4,8|}", "insertTextRules": 4, "sortText": "0292" },
+    { "label": "border-r-${1:size}", "kind": 15, "detail": "border-right-width: {size}", "documentation": { "value": "Sets right border width." }, "insertText": "border-r-${1|0,2,4,8|}", "insertTextRules": 4, "sortText": "0293" },
+    { "label": "border-b-${1:size}", "kind": 15, "detail": "border-bottom-width: {size}", "documentation": { "value": "Sets bottom border width." }, "insertText": "border-b-${1|0,2,4,8|}", "insertTextRules": 4, "sortText": "0294" },
+    { "label": "border-l-${1:size}", "kind": 15, "detail": "border-left-width: {size}", "documentation": { "value": "Sets left border width." }, "insertText": "border-l-${1|0,2,4,8|}", "insertTextRules": 4, "sortText": "0295" },
+    { "label": "border-collapse", "kind": 14, "detail": "border-collapse: collapse", "documentation": { "value": "Sets `border-collapse: collapse` for tables." }, "insertText": "border-collapse", "insertTextRules": 0, "sortText": "0296" },
+    { "label": "border-separate", "kind": 14, "detail": "border-collapse: separate", "documentation": { "value": "Sets `border-collapse: separate` for tables." }, "insertText": "border-separate", "insertTextRules": 0, "sortText": "0297" },
+
+    { "label": "via-${1:color}", "kind": 15, "detail": "gradient middle color", "documentation": { "value": "Sets the middle color of a gradient. Use with `from-{color}` and `to-{color}`. E.g. `via-purple-500`." }, "insertText": "via-${1:purple-500}", "insertTextRules": 4, "sortText": "0300" },
+    { "label": "bg-${1:position}", "kind": 15, "detail": "background-position: {position}", "documentation": { "value": "Sets background position. E.g. `bg-center`, `bg-top`, `bg-bottom`, `bg-left`, `bg-right`." }, "insertText": "bg-${1|bottom,center,left,left-bottom,left-top,right,right-bottom,right-top,top|}", "insertTextRules": 4, "sortText": "0301" },
+    { "label": "bg-${1:size}", "kind": 15, "detail": "background-size: {size}", "documentation": { "value": "Sets background size. E.g. `bg-auto`, `bg-cover`, `bg-contain`." }, "insertText": "bg-${1|auto,cover,contain|}", "insertTextRules": 4, "sortText": "0302" },
+    { "label": "bg-${1:repeat}", "kind": 15, "detail": "background-repeat: {repeat}", "documentation": { "value": "Sets background repeat. E.g. `bg-repeat`, `bg-no-repeat`, `bg-repeat-x`, `bg-repeat-y`, `bg-repeat-round`, `bg-repeat-space`." }, "insertText": "bg-${1|repeat,no-repeat,repeat-x,repeat-y,repeat-round,repeat-space|}", "insertTextRules": 4, "sortText": "0303" },
+    { "label": "bg-clip-${1:value}", "kind": 15, "detail": "background-clip: {value}", "documentation": { "value": "Sets background clip. E.g. `bg-clip-border`, `bg-clip-padding`, `bg-clip-content`, `bg-clip-text`." }, "insertText": "bg-clip-${1|border,padding,content,text|}", "insertTextRules": 4, "sortText": "0304" },
+    { "label": "bg-origin-${1:value}", "kind": 15, "detail": "background-origin: {value}", "documentation": { "value": "Sets background origin. E.g. `bg-origin-border`, `bg-origin-padding`, `bg-origin-content`." }, "insertText": "bg-origin-${1|border,padding,content|}", "insertTextRules": 4, "sortText": "0305" },
+    { "label": "bg-blend-${1:mode}", "kind": 15, "detail": "background-blend-mode: {mode}", "documentation": { "value": "Sets background blend mode. E.g. `bg-blend-normal`, `bg-blend-multiply`, `bg-blend-screen`, `bg-blend-overlay`." }, "insertText": "bg-blend-${1|normal,multiply,screen,overlay,darken,lighten,color-dodge,color-burn,hard-light,soft-light,difference,exclusion,hue,saturation,color,luminosity|}", "insertTextRules": 4, "sortText": "0306" },
+    { "label": "mix-blend-${1:mode}", "kind": 15, "detail": "mix-blend-mode: {mode}", "documentation": { "value": "Sets element blend mode. E.g. `mix-blend-normal`, `mix-blend-multiply`, `mix-blend-screen`, `mix-blend-overlay`." }, "insertText": "mix-blend-${1|normal,multiply,screen,overlay,darken,lighten,color-dodge,color-burn,hard-light,soft-light,difference,exclusion,hue,saturation,color,luminosity,plus-lighter|}", "insertTextRules": 4, "sortText": "0307" },
+
+    { "label": "transition-${1:property}", "kind": 15, "detail": "transition-property: {property}", "documentation": { "value": "Sets transition property. E.g. `transition-none`, `transition-all`, `transition-colors`, `transition-opacity`, `transition-shadow`, `transition-transform`." }, "insertText": "transition-${1|none,all,colors,opacity,shadow,transform|}", "insertTextRules": 4, "sortText": "0310" },
+    { "label": "delay-${1:ms}", "kind": 15, "detail": "transition-delay: {ms}ms", "documentation": { "value": "Sets transition delay. E.g. `delay-75`, `delay-100`, `delay-150`, `delay-200`, `delay-300`, `delay-500`." }, "insertText": "delay-${1|0,75,100,150,200,300,500,700,1000|}", "insertTextRules": 4, "sortText": "0311" },
+
+    { "label": "focus-visible:", "kind": 14, "detail": "State: :focus-visible", "documentation": { "value": "Applies styles on keyboard focus (not mouse). Usage: `focus-visible:ring-2`." }, "insertText": "focus-visible:", "insertTextRules": 0, "sortText": "0320" },
+    { "label": "focus-within:", "kind": 14, "detail": "State: :focus-within", "documentation": { "value": "Applies styles when element or descendant has focus. Usage: `focus-within:ring-2`." }, "insertText": "focus-within:", "insertTextRules": 0, "sortText": "0321" },
+    { "label": "disabled:", "kind": 14, "detail": "State: :disabled", "documentation": { "value": "Applies styles when element is disabled. Usage: `disabled:opacity-50`." }, "insertText": "disabled:", "insertTextRules": 0, "sortText": "0322" },
+    { "label": "visited:", "kind": 14, "detail": "State: :visited", "documentation": { "value": "Applies styles to visited links. Usage: `visited:text-purple-600`." }, "insertText": "visited:", "insertTextRules": 0, "sortText": "0323" },
+    { "label": "first:", "kind": 14, "detail": "State: :first-child", "documentation": { "value": "Applies styles to the first child element. Usage: `first:mt-0`." }, "insertText": "first:", "insertTextRules": 0, "sortText": "0324" },
+    { "label": "last:", "kind": 14, "detail": "State: :last-child", "documentation": { "value": "Applies styles to the last child element. Usage: `last:mb-0`." }, "insertText": "last:", "insertTextRules": 0, "sortText": "0325" },
+    { "label": "odd:", "kind": 14, "detail": "State: :nth-child(odd)", "documentation": { "value": "Applies styles to odd children. Usage: `odd:bg-gray-50`." }, "insertText": "odd:", "insertTextRules": 0, "sortText": "0326" },
+    { "label": "even:", "kind": 14, "detail": "State: :nth-child(even)", "documentation": { "value": "Applies styles to even children. Usage: `even:bg-gray-100`." }, "insertText": "even:", "insertTextRules": 0, "sortText": "0327" },
+    { "label": "group-focus:", "kind": 14, "detail": "State: group :focus child", "documentation": { "value": "Applies styles when parent `.group` is focused. Usage: `group-focus:text-blue-500`." }, "insertText": "group-focus:", "insertTextRules": 0, "sortText": "0328" },
+    { "label": "peer-checked:", "kind": 14, "detail": "State: peer :checked sibling", "documentation": { "value": "Applies styles when sibling `.peer` checkbox is checked. Usage: `peer-checked:bg-blue-500`." }, "insertText": "peer-checked:", "insertTextRules": 0, "sortText": "0329" },
+    { "label": "peer-hover:", "kind": 14, "detail": "State: peer :hover sibling", "documentation": { "value": "Applies styles when sibling `.peer` is hovered. Usage: `peer-hover:text-blue-500`." }, "insertText": "peer-hover:", "insertTextRules": 0, "sortText": "0330" },
+    { "label": "placeholder:", "kind": 14, "detail": "State: ::placeholder", "documentation": { "value": "Styles the placeholder text. Usage: `placeholder:text-gray-400`." }, "insertText": "placeholder:", "insertTextRules": 0, "sortText": "0331" },
+    { "label": "before:", "kind": 14, "detail": "State: ::before", "documentation": { "value": "Styles the ::before pseudo-element. Usage: `before:content-[''] before:block`." }, "insertText": "before:", "insertTextRules": 0, "sortText": "0332" },
+    { "label": "after:", "kind": 14, "detail": "State: ::after", "documentation": { "value": "Styles the ::after pseudo-element. Usage: `after:content-[''] after:block`." }, "insertText": "after:", "insertTextRules": 0, "sortText": "0333" },
+    { "label": "file:", "kind": 14, "detail": "State: ::file-selector-button", "documentation": { "value": "Styles file input buttons. Usage: `file:bg-blue-500 file:text-white`." }, "insertText": "file:", "insertTextRules": 0, "sortText": "0334" },
+    { "label": "marker:", "kind": 14, "detail": "State: ::marker", "documentation": { "value": "Styles list markers. Usage: `marker:text-blue-500`." }, "insertText": "marker:", "insertTextRules": 0, "sortText": "0335" },
+    { "label": "selection:", "kind": 14, "detail": "State: ::selection", "documentation": { "value": "Styles selected text. Usage: `selection:bg-blue-200`." }, "insertText": "selection:", "insertTextRules": 0, "sortText": "0336" },
+    { "label": "first-line:", "kind": 14, "detail": "State: ::first-line", "documentation": { "value": "Styles the first line of text. Usage: `first-line:uppercase`." }, "insertText": "first-line:", "insertTextRules": 0, "sortText": "0337" },
+    { "label": "first-letter:", "kind": 14, "detail": "State: ::first-letter", "documentation": { "value": "Styles the first letter. Usage: `first-letter:text-2xl first-letter:font-bold`." }, "insertText": "first-letter:", "insertTextRules": 0, "sortText": "0338" },
+    { "label": "aria-${1:attr}:", "kind": 15, "detail": "ARIA attribute variant", "documentation": { "value": "Applies styles based on ARIA attributes. E.g. `aria-checked:bg-blue-500`, `aria-disabled:opacity-50`, `aria-expanded:rotate-180`, `aria-selected:bg-blue-100`." }, "insertText": "aria-${1|checked,disabled,expanded,hidden,pressed,readonly,required,selected|}:", "insertTextRules": 4, "sortText": "0340" },
+    { "label": "data-${1:attr}:", "kind": 15, "detail": "Data attribute variant", "documentation": { "value": "Applies styles based on data attributes. E.g. `data-[state=open]:rotate-180`, `data-[active]:bg-blue-500`." }, "insertText": "data-[${1:state=open}]:", "insertTextRules": 4, "sortText": "0341" },
+    { "label": "supports-${1:value}:", "kind": 15, "detail": "@supports variant", "documentation": { "value": "Applies styles when CSS feature is supported. E.g. `supports-[display:grid]:grid`." }, "insertText": "supports-[${1:display:grid}]:", "insertTextRules": 4, "sortText": "0342" },
+    { "label": "motion-safe:", "kind": 14, "detail": "@media (prefers-reduced-motion: no-preference)", "documentation": { "value": "Applies styles when user has no motion preference. Usage: `motion-safe:animate-bounce`." }, "insertText": "motion-safe:", "insertTextRules": 0, "sortText": "0343" },
+    { "label": "motion-reduce:", "kind": 14, "detail": "@media (prefers-reduced-motion: reduce)", "documentation": { "value": "Applies styles when user prefers reduced motion. Usage: `motion-reduce:animate-none`." }, "insertText": "motion-reduce:", "insertTextRules": 0, "sortText": "0344" },
+    { "label": "print:", "kind": 14, "detail": "@media print", "documentation": { "value": "Applies styles for print. Usage: `print:hidden`." }, "insertText": "print:", "insertTextRules": 0, "sortText": "0345" },
+    { "label": "rtl:", "kind": 14, "detail": "[dir='rtl'] variant", "documentation": { "value": "Applies styles in RTL direction. Usage: `rtl:space-x-reverse`." }, "insertText": "rtl:", "insertTextRules": 0, "sortText": "0346" },
+    { "label": "ltr:", "kind": 14, "detail": "[dir='ltr'] variant", "documentation": { "value": "Applies styles in LTR direction. Usage: `ltr:ml-4`." }, "insertText": "ltr:", "insertTextRules": 0, "sortText": "0347" },
+    { "label": "portrait:", "kind": 14, "detail": "@media (orientation: portrait)", "documentation": { "value": "Applies styles in portrait orientation." }, "insertText": "portrait:", "insertTextRules": 0, "sortText": "0348" },
+    { "label": "landscape:", "kind": 14, "detail": "@media (orientation: landscape)", "documentation": { "value": "Applies styles in landscape orientation." }, "insertText": "landscape:", "insertTextRules": 0, "sortText": "0349" },
+    { "label": "has-${1:selector}:", "kind": 15, "detail": ":has() variant", "documentation": { "value": "Applies styles based on descendant matching. E.g. `has-[:checked]:bg-blue-500`." }, "insertText": "has-[${1::checked}]:", "insertTextRules": 4, "sortText": "0350" },
+    { "label": "group-${1:state}:", "kind": 15, "detail": "Group state variant", "documentation": { "value": "Applies styles based on parent group state. E.g. `group-hover:`, `group-focus:`, `group-active:`." }, "insertText": "group-${1|hover,focus,active,focus-within,focus-visible|}:", "insertTextRules": 4, "sortText": "0351" },
+    { "label": "peer-${1:state}:", "kind": 15, "detail": "Peer state variant", "documentation": { "value": "Applies styles based on sibling peer state. E.g. `peer-hover:`, `peer-focus:`, `peer-checked:`." }, "insertText": "peer-${1|hover,focus,checked,disabled,invalid,placeholder-shown,focus-visible|}:", "insertTextRules": 4, "sortText": "0352" },
+
+    { "label": "min-${1:breakpoint}:", "kind": 15, "detail": "Custom min-width breakpoint", "documentation": { "value": "Container query or custom min-width variant. E.g. `min-[320px]:flex`." }, "insertText": "min-[${1:320px}]:", "insertTextRules": 4, "sortText": "0360" },
+    { "label": "max-${1:breakpoint}:", "kind": 15, "detail": "Max-width breakpoint variant", "documentation": { "value": "Applies styles below a breakpoint. E.g. `max-sm:hidden`, `max-md:flex-col`." }, "insertText": "max-${1|sm,md,lg,xl,2xl|}:", "insertTextRules": 4, "sortText": "0361" },
+    { "label": "@container", "kind": 15, "detail": "Container query", "documentation": { "value": "Defines a containment context or queries container size. E.g. `@container (min-width: 400px) { ... }`." }, "insertText": "@container ${1|(min-width: 400px)|} {\n  $0\n}", "insertTextRules": 4, "sortText": "0362" },
+
+    { "label": "theme()", "kind": 15, "detail": "Tailwind theme() function", "documentation": { "value": "References values from your Tailwind config in CSS. E.g. `theme('colors.blue.500')`, `theme('spacing.4')`." }, "insertText": "theme('${1:colors.blue.500}')", "insertTextRules": 4, "sortText": "0370" },
+    { "label": "screen()", "kind": 15, "detail": "Tailwind screen() function", "documentation": { "value": "References breakpoint values in @media queries. E.g. `@media screen(md) { ... }`." }, "insertText": "screen(${1:md})", "insertTextRules": 4, "sortText": "0371" },
+    { "label": "@variants", "kind": 15, "detail": "Custom variants directive", "documentation": { "value": "Generates variants for custom utilities. E.g. `@variants hover, focus { ... }`." }, "insertText": "@variants ${1:hover, focus} {\n  $0\n}", "insertTextRules": 4, "sortText": "0372" },
+    { "label": "@responsive", "kind": 15, "detail": "Responsive variants directive", "documentation": { "value": "Generates responsive variants for custom utilities." }, "insertText": "@responsive {\n  $0\n}", "insertTextRules": 4, "sortText": "0373" },
+    { "label": "content-${1:value}", "kind": 15, "detail": "content: {value}", "documentation": { "value": "Sets the content property for before/after pseudo-elements. E.g. `content-none`, `content-['text']`." }, "insertText": "content-${1|none,['']|}", "insertTextRules": 4, "sortText": "0374" },
+
+    { "label": "table", "kind": 14, "detail": "display: table", "documentation": { "value": "Sets `display: table`." }, "insertText": "table", "insertTextRules": 0, "sortText": "0380" },
+    { "label": "inline-block", "kind": 14, "detail": "display: inline-block", "documentation": { "value": "Sets `display: inline-block`." }, "insertText": "inline-block", "insertTextRules": 0, "sortText": "0381" },
+    { "label": "inline-flex", "kind": 14, "detail": "display: inline-flex", "documentation": { "value": "Sets `display: inline-flex`." }, "insertText": "inline-flex", "insertTextRules": 0, "sortText": "0382" },
+    { "label": "inline-grid", "kind": 14, "detail": "display: inline-grid", "documentation": { "value": "Sets `display: inline-grid`." }, "insertText": "inline-grid", "insertTextRules": 0, "sortText": "0383" },
+    { "label": "flow-root", "kind": 14, "detail": "display: flow-root", "documentation": { "value": "Sets `display: flow-root` — creates a new block formatting context." }, "insertText": "flow-root", "insertTextRules": 0, "sortText": "0384" },
+    { "label": "contents", "kind": 14, "detail": "display: contents", "documentation": { "value": "Sets `display: contents` — element's children act as direct children of parent." }, "insertText": "contents", "insertTextRules": 0, "sortText": "0385" },
+
+    { "label": "aspect-video", "kind": 14, "detail": "aspect-ratio: 16 / 9", "documentation": { "value": "Sets `aspect-ratio: 16 / 9` for video content." }, "insertText": "aspect-video", "insertTextRules": 0, "sortText": "0390" },
+    { "label": "aspect-square", "kind": 14, "detail": "aspect-ratio: 1 / 1", "documentation": { "value": "Sets `aspect-ratio: 1 / 1` for square elements." }, "insertText": "aspect-square", "insertTextRules": 0, "sortText": "0391" },
+    { "label": "aspect-auto", "kind": 14, "detail": "aspect-ratio: auto", "documentation": { "value": "Sets `aspect-ratio: auto`." }, "insertText": "aspect-auto", "insertTextRules": 0, "sortText": "0392" }
+  ]
+}

package/data/completion/typescript.json

@@ -333,6 +333,33 @@
       "insertText": "using ${1:resource} = ${2:expression};",
       "insertTextRules": 4,
       "sortText": "00_using"
+    },
+    {
+      "label": { "label": "tsx component", "detail": " with props", "description": "TSX" },
+      "kind": 15,
+      "detail": "React component with typed props",
+      "documentation": { "value": "Create a typed React component (TSX).\n\n```tsx\ntype Props = { label: string };\n\nexport function Button({ label }: Props) {\n  return (\n    <button className=\"btn\">{label}</button>\n  );\n}\n```" },
+      "insertText": "type ${1:Props} = {\n\t${2:label}: ${3:string};\n};\n\nexport function ${4:Component}({ ${2:label} }: ${1:Props}) {\n\treturn (\n\t\t<div className=\"${5}\">\n\t\t\t${6}\n\t\t</div>\n\t);\n}\n",
+      "insertTextRules": 4,
+      "sortText": "00_tsx_component"
+    },
+    {
+      "label": { "label": "jsx element", "detail": " snippet", "description": "TSX" },
+      "kind": 15,
+      "detail": "JSX element",
+      "documentation": { "value": "Insert a JSX element.\n\n```tsx\n<section className=\"container\">Content</section>\n```" },
+      "insertText": "<${1:div} className=\"${2}\">${3}</${1:div}>",
+      "insertTextRules": 4,
+      "sortText": "00_jsx_element"
+    },
+    {
+      "label": { "label": "useState", "detail": " hook", "description": "React" },
+      "kind": 15,
+      "detail": "Typed React useState hook",
+      "documentation": { "value": "Declare component state with a type parameter.\n\n```tsx\nconst [count, setCount] = useState<number>(0);\n```" },
+      "insertText": "const [${1:state}, set${2:State}] = useState<${3:Type}>(${4:initial});",
+      "insertTextRules": 4,
+      "sortText": "00_react_useState"
     }
   ]
 }

package/data/declaration/css.json

@@ -0,0 +1,59 @@
+{
+  "language": "css",
+  "declarations": [
+    {
+      "pattern": "(\\.([a-zA-Z_][a-zA-Z0-9_-]*))\\s*(?:[{,>+~:\\[\\s])",
+      "captureGroup": 1,
+      "kind": "class",
+      "description": "CSS class selector declaration. Matches elements with the specified class attribute (e.g., .container, .btn-primary)."
+    },
+    {
+      "pattern": "(#([a-zA-Z_][a-zA-Z0-9_-]*))\\s*(?:[{,>+~:\\[\\s])",
+      "captureGroup": 1,
+      "kind": "id",
+      "description": "CSS ID selector declaration. Matches the element with the specified ID attribute. IDs should be unique per page."
+    },
+    {
+      "pattern": "--(([a-zA-Z_][a-zA-Z0-9_-]*))\\s*:",
+      "captureGroup": 1,
+      "kind": "variable",
+      "description": "CSS custom property (variable) declaration. Defined with -- prefix and accessed via var(). Participates in cascade and inheritance."
+    },
+    {
+      "pattern": "@keyframes\\s+([a-zA-Z_][a-zA-Z0-9_-]*)\\s*\\{",
+      "captureGroup": 1,
+      "kind": "animation",
+      "description": "CSS @keyframes declaration. Defines an animation sequence referenced by animation-name property."
+    },
+    {
+      "pattern": "@font-face\\s*\\{[^}]*font-family\\s*:\\s*['\"]?([^'\";}]+)",
+      "captureGroup": 1,
+      "kind": "font",
+      "description": "CSS @font-face declaration. Registers a custom font-family name with associated font file sources."
+    },
+    {
+      "pattern": "@layer\\s+([a-zA-Z_][a-zA-Z0-9_-]*)\\s*(?:[{;])",
+      "captureGroup": 1,
+      "kind": "layer",
+      "description": "CSS cascade layer declaration. Defines a named layer for controlling cascade priority ordering."
+    },
+    {
+      "pattern": "^\\s*([a-zA-Z][a-zA-Z0-9]*)\\s*(?:[{,>+~:\\[\\s])",
+      "captureGroup": 1,
+      "kind": "element",
+      "description": "CSS type (element/tag) selector declaration. Matches all instances of the specified HTML element (e.g., body, h1, div, p)."
+    },
+    {
+      "pattern": "@counter-style\\s+([a-zA-Z_][a-zA-Z0-9_-]*)\\s*\\{",
+      "captureGroup": 1,
+      "kind": "counter-style",
+      "description": "CSS @counter-style declaration. Defines a custom counter style for list markers and generated content."
+    },
+    {
+      "pattern": "@property\\s+--(([a-zA-Z_][a-zA-Z0-9_-]*))\\s*\\{",
+      "captureGroup": 1,
+      "kind": "registered-property",
+      "description": "CSS @property declaration (Houdini). Registers a custom property with a syntax, initial value, and inheritance flag."
+    }
+  ]
+}