@enjoys/context-engine 1.1.2 → 1.3.1

package/data/hover/tailwindcss.json

@@ -0,0 +1,968 @@
+{
+  "language": "tailwindcss",
+  "hovers": {
+    "flex": {
+      "contents": [{ "value": "```css\ndisplay: flex;\n```\nSets the element to use flexbox layout model." }]
+    },
+    "grid": {
+      "contents": [{ "value": "```css\ndisplay: grid;\n```\nSets the element to use CSS Grid layout model." }]
+    },
+    "block": {
+      "contents": [{ "value": "```css\ndisplay: block;\n```\nSets the element to block-level display." }]
+    },
+    "hidden": {
+      "contents": [{ "value": "```css\ndisplay: none;\n```\nHides the element completely from the layout." }]
+    },
+    "container": {
+      "contents": [{ "value": "```css\nwidth: 100%;\n/* Responsive max-widths */\n@media (min-width: 640px) { max-width: 640px; }\n@media (min-width: 768px) { max-width: 768px; }\n@media (min-width: 1024px) { max-width: 1024px; }\n@media (min-width: 1280px) { max-width: 1280px; }\n@media (min-width: 1536px) { max-width: 1536px; }\n```" }]
+    },
+    "p-4": {
+      "contents": [{ "value": "```css\npadding: 1rem; /* 16px */\n```\nSets padding on all four sides to 1rem." }]
+    },
+    "p-2": {
+      "contents": [{ "value": "```css\npadding: 0.5rem; /* 8px */\n```\nSets padding on all four sides to 0.5rem." }]
+    },
+    "m-2": {
+      "contents": [{ "value": "```css\nmargin: 0.5rem; /* 8px */\n```\nSets margin on all four sides to 0.5rem." }]
+    },
+    "m-4": {
+      "contents": [{ "value": "```css\nmargin: 1rem; /* 16px */\n```\nSets margin on all four sides to 1rem." }]
+    },
+    "-m-4": {
+      "contents": [{ "value": "```css\nmargin: -1rem; /* -16px */\n```\nSets negative margin on all four sides." }]
+    },
+    "px-4": {
+      "contents": [{ "value": "```css\npadding-left: 1rem; /* 16px */\npadding-right: 1rem; /* 16px */\n```\nSets horizontal padding to 1rem." }]
+    },
+    "py-2": {
+      "contents": [{ "value": "```css\npadding-top: 0.5rem; /* 8px */\npadding-bottom: 0.5rem; /* 8px */\n```\nSets vertical padding to 0.5rem." }]
+    },
+    "gap-4": {
+      "contents": [{ "value": "```css\ngap: 1rem; /* 16px */\n```\nSets the gap between flex/grid items." }]
+    },
+    "text-lg": {
+      "contents": [{ "value": "```css\nfont-size: 1.125rem; /* 18px */\nline-height: 1.75rem; /* 28px */\n```\nSets font size to large." }]
+    },
+    "text-xl": {
+      "contents": [{ "value": "```css\nfont-size: 1.25rem; /* 20px */\nline-height: 1.75rem; /* 28px */\n```\nSets font size to extra large." }]
+    },
+    "text-sm": {
+      "contents": [{ "value": "```css\nfont-size: 0.875rem; /* 14px */\nline-height: 1.25rem; /* 20px */\n```\nSets font size to small." }]
+    },
+    "font-bold": {
+      "contents": [{ "value": "```css\nfont-weight: 700;\n```\nSets bold font weight." }]
+    },
+    "font-semibold": {
+      "contents": [{ "value": "```css\nfont-weight: 600;\n```\nSets semi-bold font weight." }]
+    },
+    "bg-blue-500": {
+      "contents": [{ "value": "```css\nbackground-color: #3b82f6;\n```\n![color](https://via.placeholder.com/12/3b82f6/3b82f6.png) Blue 500 from the default color palette." }]
+    },
+    "bg-white": {
+      "contents": [{ "value": "```css\nbackground-color: #ffffff;\n```\nSets background to white." }]
+    },
+    "bg-gray-100": {
+      "contents": [{ "value": "```css\nbackground-color: #f3f4f6;\n```\n![color](https://via.placeholder.com/12/f3f4f6/f3f4f6.png) Gray 100 — a very light gray." }]
+    },
+    "text-white": {
+      "contents": [{ "value": "```css\ncolor: #ffffff;\n```\nSets text color to white." }]
+    },
+    "text-gray-700": {
+      "contents": [{ "value": "```css\ncolor: #374151;\n```\n![color](https://via.placeholder.com/12/374151/374151.png) Gray 700 — medium-dark gray for body text." }]
+    },
+    "rounded-lg": {
+      "contents": [{ "value": "```css\nborder-radius: 0.5rem; /* 8px */\n```\nSets border radius to large (0.5rem)." }]
+    },
+    "rounded-xl": {
+      "contents": [{ "value": "```css\nborder-radius: 0.75rem; /* 12px */\n```\nSets border radius to extra large (0.75rem)." }]
+    },
+    "rounded-full": {
+      "contents": [{ "value": "```css\nborder-radius: 9999px;\n```\nSets fully rounded corners, creating a circle for square elements." }]
+    },
+    "shadow-md": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n```\nApplies a medium drop shadow." }]
+    },
+    "shadow-lg": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n```\nApplies a large drop shadow." }]
+    },
+    "w-full": {
+      "contents": [{ "value": "```css\nwidth: 100%;\n```\nSets width to 100% of the parent." }]
+    },
+    "h-screen": {
+      "contents": [{ "value": "```css\nheight: 100vh;\n```\nSets height to 100% of the viewport height." }]
+    },
+    "items-center": {
+      "contents": [{ "value": "```css\nalign-items: center;\n```\nVertically centers flex/grid children along the cross axis." }]
+    },
+    "justify-center": {
+      "contents": [{ "value": "```css\njustify-content: center;\n```\nHorizontally centers flex/grid children along the main axis." }]
+    },
+    "space-x-4": {
+      "contents": [{ "value": "```css\n> * + * {\n  margin-left: 1rem; /* 16px */\n}\n```\nAdds horizontal space between child elements." }]
+    },
+    "transition": {
+      "contents": [{ "value": "```css\ntransition-property: color, background-color, border-color,\n  text-decoration-color, fill, stroke, opacity,\n  box-shadow, transform, filter, backdrop-filter;\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\ntransition-duration: 150ms;\n```" }]
+    },
+    "@apply": {
+      "contents": [{ "value": "**@apply** — Inline Tailwind utility classes into custom CSS.\n```css\n.btn {\n  @apply px-4 py-2 bg-blue-500 text-white rounded-lg;\n}\n```\nCompiles utility classes into standard CSS properties." }]
+    },
+    "@tailwind": {
+      "contents": [{ "value": "**@tailwind** — Inject Tailwind layers into your stylesheet.\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\nEach directive injects the corresponding layer of generated styles." }]
+    },
+    "@layer": {
+      "contents": [{ "value": "**@layer** — Add custom styles to a Tailwind layer.\n```css\n@layer components {\n  .card { @apply rounded-lg shadow-md p-6; }\n}\n```\nEnsures correct ordering and purge behavior." }]
+    },
+
+    "relative": {
+      "contents": [{ "value": "```css\nposition: relative;\n```\nPositions the element relative to its normal position." }]
+    },
+    "absolute": {
+      "contents": [{ "value": "```css\nposition: absolute;\n```\nPositions the element relative to its nearest positioned ancestor." }]
+    },
+    "fixed": {
+      "contents": [{ "value": "```css\nposition: fixed;\n```\nPositions the element relative to the viewport." }]
+    },
+    "sticky": {
+      "contents": [{ "value": "```css\nposition: sticky;\n```\nPositions the element based on scroll position — sticks when reaching the offset." }]
+    },
+    "static": {
+      "contents": [{ "value": "```css\nposition: static;\n```\nDefault positioning — element follows normal document flow." }]
+    },
+    "inset-0": {
+      "contents": [{ "value": "```css\ntop: 0px;\nright: 0px;\nbottom: 0px;\nleft: 0px;\n```\nSets all inset properties to 0, filling the positioned parent." }]
+    },
+    "inset-x-0": {
+      "contents": [{ "value": "```css\nleft: 0px;\nright: 0px;\n```\nSets left and right to 0." }]
+    },
+    "inset-y-0": {
+      "contents": [{ "value": "```css\ntop: 0px;\nbottom: 0px;\n```\nSets top and bottom to 0." }]
+    },
+    "top-0": {
+      "contents": [{ "value": "```css\ntop: 0px;\n```" }]
+    },
+    "right-0": {
+      "contents": [{ "value": "```css\nright: 0px;\n```" }]
+    },
+    "bottom-0": {
+      "contents": [{ "value": "```css\nbottom: 0px;\n```" }]
+    },
+    "left-0": {
+      "contents": [{ "value": "```css\nleft: 0px;\n```" }]
+    },
+    "z-10": {
+      "contents": [{ "value": "```css\nz-index: 10;\n```" }]
+    },
+    "z-20": {
+      "contents": [{ "value": "```css\nz-index: 20;\n```" }]
+    },
+    "z-50": {
+      "contents": [{ "value": "```css\nz-index: 50;\n```" }]
+    },
+    "z-auto": {
+      "contents": [{ "value": "```css\nz-index: auto;\n```" }]
+    },
+
+    "overflow-hidden": {
+      "contents": [{ "value": "```css\noverflow: hidden;\n```\nClips content that overflows the element's box." }]
+    },
+    "overflow-auto": {
+      "contents": [{ "value": "```css\noverflow: auto;\n```\nAdds scrollbars only when content overflows." }]
+    },
+    "overflow-scroll": {
+      "contents": [{ "value": "```css\noverflow: scroll;\n```\nAlways shows scrollbars." }]
+    },
+    "overflow-visible": {
+      "contents": [{ "value": "```css\noverflow: visible;\n```\nContent can overflow the element's box (default)." }]
+    },
+    "overflow-x-auto": {
+      "contents": [{ "value": "```css\noverflow-x: auto;\n```\nAdds horizontal scrollbar when content overflows." }]
+    },
+    "overflow-y-auto": {
+      "contents": [{ "value": "```css\noverflow-y: auto;\n```\nAdds vertical scrollbar when content overflows." }]
+    },
+
+    "flex-row": {
+      "contents": [{ "value": "```css\nflex-direction: row;\n```\nFlex items laid out horizontally (default)." }]
+    },
+    "flex-col": {
+      "contents": [{ "value": "```css\nflex-direction: column;\n```\nFlex items laid out vertically." }]
+    },
+    "flex-row-reverse": {
+      "contents": [{ "value": "```css\nflex-direction: row-reverse;\n```\nFlex items laid out horizontally in reverse." }]
+    },
+    "flex-col-reverse": {
+      "contents": [{ "value": "```css\nflex-direction: column-reverse;\n```\nFlex items laid out vertically in reverse." }]
+    },
+    "flex-wrap": {
+      "contents": [{ "value": "```css\nflex-wrap: wrap;\n```\nAllows flex items to wrap to new lines." }]
+    },
+    "flex-nowrap": {
+      "contents": [{ "value": "```css\nflex-wrap: nowrap;\n```\nPrevents flex items from wrapping (default)." }]
+    },
+    "flex-1": {
+      "contents": [{ "value": "```css\nflex: 1 1 0%;\n```\nItem grows and shrinks as needed, ignoring initial size." }]
+    },
+    "flex-auto": {
+      "contents": [{ "value": "```css\nflex: 1 1 auto;\n```\nItem grows and shrinks, considering its initial size." }]
+    },
+    "flex-initial": {
+      "contents": [{ "value": "```css\nflex: 0 1 auto;\n```\nItem can shrink but won't grow beyond its initial size." }]
+    },
+    "flex-none": {
+      "contents": [{ "value": "```css\nflex: none;\n```\nPrevents the item from growing or shrinking." }]
+    },
+    "grow": {
+      "contents": [{ "value": "```css\nflex-grow: 1;\n```\nAllows the flex item to grow to fill available space." }]
+    },
+    "grow-0": {
+      "contents": [{ "value": "```css\nflex-grow: 0;\n```\nPrevents the flex item from growing." }]
+    },
+    "shrink": {
+      "contents": [{ "value": "```css\nflex-shrink: 1;\n```\nAllows the flex item to shrink." }]
+    },
+    "shrink-0": {
+      "contents": [{ "value": "```css\nflex-shrink: 0;\n```\nPrevents the flex item from shrinking." }]
+    },
+
+    "justify-between": {
+      "contents": [{ "value": "```css\njustify-content: space-between;\n```\nDistributes items with equal space between them." }]
+    },
+    "justify-around": {
+      "contents": [{ "value": "```css\njustify-content: space-around;\n```\nDistributes items with equal space around them." }]
+    },
+    "justify-evenly": {
+      "contents": [{ "value": "```css\njustify-content: space-evenly;\n```\nDistributes items with equal space between and around them." }]
+    },
+    "justify-start": {
+      "contents": [{ "value": "```css\njustify-content: flex-start;\n```\nPacks items to the start of the main axis." }]
+    },
+    "justify-end": {
+      "contents": [{ "value": "```css\njustify-content: flex-end;\n```\nPacks items to the end of the main axis." }]
+    },
+    "items-start": {
+      "contents": [{ "value": "```css\nalign-items: flex-start;\n```\nAligns items to the start of the cross axis." }]
+    },
+    "items-end": {
+      "contents": [{ "value": "```css\nalign-items: flex-end;\n```\nAligns items to the end of the cross axis." }]
+    },
+    "items-baseline": {
+      "contents": [{ "value": "```css\nalign-items: baseline;\n```\nAligns items along their baselines." }]
+    },
+    "items-stretch": {
+      "contents": [{ "value": "```css\nalign-items: stretch;\n```\nStretches items to fill the cross axis (default)." }]
+    },
+    "self-center": {
+      "contents": [{ "value": "```css\nalign-self: center;\n```\nCenters an individual flex/grid item on the cross axis." }]
+    },
+    "self-start": {
+      "contents": [{ "value": "```css\nalign-self: flex-start;\n```\nAligns the item to the start of the cross axis." }]
+    },
+    "self-end": {
+      "contents": [{ "value": "```css\nalign-self: flex-end;\n```\nAligns the item to the end of the cross axis." }]
+    },
+
+    "grid-cols-1": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(1, minmax(0, 1fr));\n```\nSingle column grid." }]
+    },
+    "grid-cols-2": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(2, minmax(0, 1fr));\n```\n2-column grid." }]
+    },
+    "grid-cols-3": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(3, minmax(0, 1fr));\n```\n3-column grid." }]
+    },
+    "grid-cols-4": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(4, minmax(0, 1fr));\n```\n4-column grid." }]
+    },
+    "grid-cols-6": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(6, minmax(0, 1fr));\n```\n6-column grid." }]
+    },
+    "grid-cols-12": {
+      "contents": [{ "value": "```css\ngrid-template-columns: repeat(12, minmax(0, 1fr));\n```\n12-column grid (standard layout grid)." }]
+    },
+    "grid-cols-none": {
+      "contents": [{ "value": "```css\ngrid-template-columns: none;\n```" }]
+    },
+    "grid-rows-1": {
+      "contents": [{ "value": "```css\ngrid-template-rows: repeat(1, minmax(0, 1fr));\n```" }]
+    },
+    "grid-rows-3": {
+      "contents": [{ "value": "```css\ngrid-template-rows: repeat(3, minmax(0, 1fr));\n```" }]
+    },
+    "col-span-1": {
+      "contents": [{ "value": "```css\ngrid-column: span 1 / span 1;\n```\nSpans 1 grid column." }]
+    },
+    "col-span-2": {
+      "contents": [{ "value": "```css\ngrid-column: span 2 / span 2;\n```\nSpans 2 grid columns." }]
+    },
+    "col-span-3": {
+      "contents": [{ "value": "```css\ngrid-column: span 3 / span 3;\n```\nSpans 3 grid columns." }]
+    },
+    "col-span-full": {
+      "contents": [{ "value": "```css\ngrid-column: 1 / -1;\n```\nSpans all grid columns." }]
+    },
+    "row-span-2": {
+      "contents": [{ "value": "```css\ngrid-row: span 2 / span 2;\n```\nSpans 2 grid rows." }]
+    },
+    "row-span-full": {
+      "contents": [{ "value": "```css\ngrid-row: 1 / -1;\n```\nSpans all grid rows." }]
+    },
+    "grid-flow-row": {
+      "contents": [{ "value": "```css\ngrid-auto-flow: row;\n```\nItems placed by filling each row (default)." }]
+    },
+    "grid-flow-col": {
+      "contents": [{ "value": "```css\ngrid-auto-flow: column;\n```\nItems placed by filling each column." }]
+    },
+    "grid-flow-dense": {
+      "contents": [{ "value": "```css\ngrid-auto-flow: dense;\n```\nItems placed to fill holes in the grid." }]
+    },
+    "gap-2": {
+      "contents": [{ "value": "```css\ngap: 0.5rem; /* 8px */\n```\nSets the gap between flex/grid items." }]
+    },
+    "gap-6": {
+      "contents": [{ "value": "```css\ngap: 1.5rem; /* 24px */\n```\nSets the gap between flex/grid items." }]
+    },
+    "gap-8": {
+      "contents": [{ "value": "```css\ngap: 2rem; /* 32px */\n```" }]
+    },
+
+    "uppercase": {
+      "contents": [{ "value": "```css\ntext-transform: uppercase;\n```\nTransforms text to uppercase." }]
+    },
+    "lowercase": {
+      "contents": [{ "value": "```css\ntext-transform: lowercase;\n```\nTransforms text to lowercase." }]
+    },
+    "capitalize": {
+      "contents": [{ "value": "```css\ntext-transform: capitalize;\n```\nCapitalizes the first letter of each word." }]
+    },
+    "normal-case": {
+      "contents": [{ "value": "```css\ntext-transform: none;\n```\nResets text transform." }]
+    },
+    "italic": {
+      "contents": [{ "value": "```css\nfont-style: italic;\n```" }]
+    },
+    "underline": {
+      "contents": [{ "value": "```css\ntext-decoration-line: underline;\n```" }]
+    },
+    "line-through": {
+      "contents": [{ "value": "```css\ntext-decoration-line: line-through;\n```" }]
+    },
+    "no-underline": {
+      "contents": [{ "value": "```css\ntext-decoration-line: none;\n```" }]
+    },
+    "truncate": {
+      "contents": [{ "value": "```css\noverflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;\n```\nTruncates overflowing text with an ellipsis." }]
+    },
+    "text-ellipsis": {
+      "contents": [{ "value": "```css\ntext-overflow: ellipsis;\n```" }]
+    },
+    "whitespace-nowrap": {
+      "contents": [{ "value": "```css\nwhite-space: nowrap;\n```\nPrevents text from wrapping." }]
+    },
+    "whitespace-pre": {
+      "contents": [{ "value": "```css\nwhite-space: pre;\n```\nPreserves whitespace and line breaks." }]
+    },
+    "break-words": {
+      "contents": [{ "value": "```css\noverflow-wrap: break-word;\n```\nBreaks words to prevent overflow." }]
+    },
+    "break-all": {
+      "contents": [{ "value": "```css\nword-break: break-all;\n```\nBreaks words at any character to prevent overflow." }]
+    },
+    "line-clamp-2": {
+      "contents": [{ "value": "```css\noverflow: hidden;\ndisplay: -webkit-box;\n-webkit-box-orient: vertical;\n-webkit-line-clamp: 2;\n```\nTruncates text to 2 lines with ellipsis." }]
+    },
+    "line-clamp-3": {
+      "contents": [{ "value": "```css\noverflow: hidden;\ndisplay: -webkit-box;\n-webkit-box-orient: vertical;\n-webkit-line-clamp: 3;\n```\nTruncates text to 3 lines with ellipsis." }]
+    },
+    "text-center": {
+      "contents": [{ "value": "```css\ntext-align: center;\n```" }]
+    },
+    "text-left": {
+      "contents": [{ "value": "```css\ntext-align: left;\n```" }]
+    },
+    "text-right": {
+      "contents": [{ "value": "```css\ntext-align: right;\n```" }]
+    },
+    "text-justify": {
+      "contents": [{ "value": "```css\ntext-align: justify;\n```" }]
+    },
+    "text-xs": {
+      "contents": [{ "value": "```css\nfont-size: 0.75rem; /* 12px */\nline-height: 1rem; /* 16px */\n```" }]
+    },
+    "text-base": {
+      "contents": [{ "value": "```css\nfont-size: 1rem; /* 16px */\nline-height: 1.5rem; /* 24px */\n```" }]
+    },
+    "text-2xl": {
+      "contents": [{ "value": "```css\nfont-size: 1.5rem; /* 24px */\nline-height: 2rem; /* 32px */\n```" }]
+    },
+    "text-3xl": {
+      "contents": [{ "value": "```css\nfont-size: 1.875rem; /* 30px */\nline-height: 2.25rem; /* 36px */\n```" }]
+    },
+    "text-4xl": {
+      "contents": [{ "value": "```css\nfont-size: 2.25rem; /* 36px */\nline-height: 2.5rem; /* 40px */\n```" }]
+    },
+    "text-5xl": {
+      "contents": [{ "value": "```css\nfont-size: 3rem; /* 48px */\nline-height: 1;\n```" }]
+    },
+    "font-thin": {
+      "contents": [{ "value": "```css\nfont-weight: 100;\n```" }]
+    },
+    "font-light": {
+      "contents": [{ "value": "```css\nfont-weight: 300;\n```" }]
+    },
+    "font-normal": {
+      "contents": [{ "value": "```css\nfont-weight: 400;\n```" }]
+    },
+    "font-medium": {
+      "contents": [{ "value": "```css\nfont-weight: 500;\n```" }]
+    },
+    "font-extrabold": {
+      "contents": [{ "value": "```css\nfont-weight: 800;\n```" }]
+    },
+    "font-black": {
+      "contents": [{ "value": "```css\nfont-weight: 900;\n```" }]
+    },
+    "font-sans": {
+      "contents": [{ "value": "```css\nfont-family: ui-sans-serif, system-ui, sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\";\n```" }]
+    },
+    "font-serif": {
+      "contents": [{ "value": "```css\nfont-family: ui-serif, Georgia, Cambria,\n  \"Times New Roman\", Times, serif;\n```" }]
+    },
+    "font-mono": {
+      "contents": [{ "value": "```css\nfont-family: ui-monospace, SFMono-Regular, Menlo,\n  Monaco, Consolas, \"Liberation Mono\", monospace;\n```" }]
+    },
+    "leading-none": {
+      "contents": [{ "value": "```css\nline-height: 1;\n```" }]
+    },
+    "leading-tight": {
+      "contents": [{ "value": "```css\nline-height: 1.25;\n```" }]
+    },
+    "leading-normal": {
+      "contents": [{ "value": "```css\nline-height: 1.5;\n```" }]
+    },
+    "leading-relaxed": {
+      "contents": [{ "value": "```css\nline-height: 1.625;\n```" }]
+    },
+    "leading-loose": {
+      "contents": [{ "value": "```css\nline-height: 2;\n```" }]
+    },
+    "tracking-tight": {
+      "contents": [{ "value": "```css\nletter-spacing: -0.025em;\n```" }]
+    },
+    "tracking-normal": {
+      "contents": [{ "value": "```css\nletter-spacing: 0em;\n```" }]
+    },
+    "tracking-wide": {
+      "contents": [{ "value": "```css\nletter-spacing: 0.025em;\n```" }]
+    },
+    "tracking-wider": {
+      "contents": [{ "value": "```css\nletter-spacing: 0.05em;\n```" }]
+    },
+    "tracking-widest": {
+      "contents": [{ "value": "```css\nletter-spacing: 0.1em;\n```" }]
+    },
+
+    "grayscale": {
+      "contents": [{ "value": "```css\nfilter: grayscale(100%);\n```\nConverts the element to grayscale." }]
+    },
+    "invert": {
+      "contents": [{ "value": "```css\nfilter: invert(100%);\n```\nInverts the element's colors." }]
+    },
+    "sepia": {
+      "contents": [{ "value": "```css\nfilter: sepia(100%);\n```\nApplies a sepia tone." }]
+    },
+    "blur-sm": {
+      "contents": [{ "value": "```css\nfilter: blur(4px);\n```" }]
+    },
+    "blur-md": {
+      "contents": [{ "value": "```css\nfilter: blur(12px);\n```" }]
+    },
+    "blur-lg": {
+      "contents": [{ "value": "```css\nfilter: blur(16px);\n```" }]
+    },
+    "blur-xl": {
+      "contents": [{ "value": "```css\nfilter: blur(24px);\n```" }]
+    },
+    "brightness-50": {
+      "contents": [{ "value": "```css\nfilter: brightness(.5);\n```\nDarkens the element to 50% brightness." }]
+    },
+    "brightness-100": {
+      "contents": [{ "value": "```css\nfilter: brightness(1);\n```\nNormal brightness (default)." }]
+    },
+    "brightness-150": {
+      "contents": [{ "value": "```css\nfilter: brightness(1.5);\n```\nIncreases brightness by 50%." }]
+    },
+    "contrast-50": {
+      "contents": [{ "value": "```css\nfilter: contrast(.5);\n```\nReduces contrast to 50%." }]
+    },
+    "contrast-150": {
+      "contents": [{ "value": "```css\nfilter: contrast(1.5);\n```\nIncreases contrast by 50%." }]
+    },
+    "saturate-50": {
+      "contents": [{ "value": "```css\nfilter: saturate(.5);\n```\nReduces saturation to 50%." }]
+    },
+    "saturate-150": {
+      "contents": [{ "value": "```css\nfilter: saturate(1.5);\n```\nIncreases saturation by 50%." }]
+    },
+
+    "backdrop-blur-sm": {
+      "contents": [{ "value": "```css\nbackdrop-filter: blur(4px);\n```\nApplies a small blur to the backdrop." }]
+    },
+    "backdrop-blur-md": {
+      "contents": [{ "value": "```css\nbackdrop-filter: blur(12px);\n```\nApplies a medium blur to the backdrop." }]
+    },
+    "backdrop-blur-lg": {
+      "contents": [{ "value": "```css\nbackdrop-filter: blur(16px);\n```" }]
+    },
+
+    "ring-2": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 0 0 2px var(--tw-ring-color);\n```\nCreates a 2px ring around the element." }]
+    },
+    "ring-4": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 0 0 4px var(--tw-ring-color);\n```\nCreates a 4px ring around the element." }]
+    },
+    "ring-offset-2": {
+      "contents": [{ "value": "```css\n--tw-ring-offset-width: 2px;\nbox-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),\n  0 0 0 calc(var(--tw-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n```\nAdds 2px offset to the ring." }]
+    },
+    "ring-inset": {
+      "contents": [{ "value": "```css\n--tw-ring-inset: inset;\n```\nMoves the ring to inside the element." }]
+    },
+    "outline-none": {
+      "contents": [{ "value": "```css\noutline: 2px solid transparent;\noutline-offset: 2px;\n```\nRemoves the focus outline." }]
+    },
+    "outline-2": {
+      "contents": [{ "value": "```css\noutline-width: 2px;\n```" }]
+    },
+
+    "divide-x": {
+      "contents": [{ "value": "```css\n> * + * {\n  border-left-width: 1px;\n}\n```\nAdds vertical dividers between children." }]
+    },
+    "divide-y": {
+      "contents": [{ "value": "```css\n> * + * {\n  border-top-width: 1px;\n}\n```\nAdds horizontal dividers between children." }]
+    },
+    "divide-y-2": {
+      "contents": [{ "value": "```css\n> * + * {\n  border-top-width: 2px;\n}\n```" }]
+    },
+    "space-y-4": {
+      "contents": [{ "value": "```css\n> * + * {\n  margin-top: 1rem; /* 16px */\n}\n```\nAdds vertical space between child elements." }]
+    },
+    "space-y-2": {
+      "contents": [{ "value": "```css\n> * + * {\n  margin-top: 0.5rem; /* 8px */\n}\n```" }]
+    },
+
+    "scale-95": {
+      "contents": [{ "value": "```css\ntransform: scale(.95);\n```\nScales element to 95%." }]
+    },
+    "scale-100": {
+      "contents": [{ "value": "```css\ntransform: scale(1);\n```\nNormal scale (100%)." }]
+    },
+    "scale-105": {
+      "contents": [{ "value": "```css\ntransform: scale(1.05);\n```\nScales element to 105%." }]
+    },
+    "scale-110": {
+      "contents": [{ "value": "```css\ntransform: scale(1.1);\n```\nScales element to 110%." }]
+    },
+    "scale-150": {
+      "contents": [{ "value": "```css\ntransform: scale(1.5);\n```\nScales element to 150%." }]
+    },
+    "rotate-45": {
+      "contents": [{ "value": "```css\ntransform: rotate(45deg);\n```" }]
+    },
+    "rotate-90": {
+      "contents": [{ "value": "```css\ntransform: rotate(90deg);\n```" }]
+    },
+    "rotate-180": {
+      "contents": [{ "value": "```css\ntransform: rotate(180deg);\n```" }]
+    },
+    "-rotate-45": {
+      "contents": [{ "value": "```css\ntransform: rotate(-45deg);\n```" }]
+    },
+    "-rotate-90": {
+      "contents": [{ "value": "```css\ntransform: rotate(-90deg);\n```" }]
+    },
+    "translate-x-1/2": {
+      "contents": [{ "value": "```css\ntransform: translateX(50%);\n```" }]
+    },
+    "translate-y-1/2": {
+      "contents": [{ "value": "```css\ntransform: translateY(50%);\n```" }]
+    },
+    "-translate-x-1/2": {
+      "contents": [{ "value": "```css\ntransform: translateX(-50%);\n```\nCommonly used with `left-1/2` for horizontal centering." }]
+    },
+    "-translate-y-1/2": {
+      "contents": [{ "value": "```css\ntransform: translateY(-50%);\n```\nCommonly used with `top-1/2` for vertical centering." }]
+    },
+
+    "inline-block": {
+      "contents": [{ "value": "```css\ndisplay: inline-block;\n```" }]
+    },
+    "inline-flex": {
+      "contents": [{ "value": "```css\ndisplay: inline-flex;\n```" }]
+    },
+    "inline-grid": {
+      "contents": [{ "value": "```css\ndisplay: inline-grid;\n```" }]
+    },
+    "table": {
+      "contents": [{ "value": "```css\ndisplay: table;\n```" }]
+    },
+    "flow-root": {
+      "contents": [{ "value": "```css\ndisplay: flow-root;\n```\nCreates a new block formatting context." }]
+    },
+    "contents": {
+      "contents": [{ "value": "```css\ndisplay: contents;\n```\nElement's children act as direct children of the parent." }]
+    },
+
+    "inline": {
+      "contents": [{ "value": "```css\ndisplay: inline;\n```" }]
+    },
+
+    "bg-red-500": {
+      "contents": [{ "value": "```css\nbackground-color: #ef4444;\n```\n![color](https://via.placeholder.com/12/ef4444/ef4444.png) Red 500." }]
+    },
+    "bg-green-500": {
+      "contents": [{ "value": "```css\nbackground-color: #22c55e;\n```\n![color](https://via.placeholder.com/12/22c55e/22c55e.png) Green 500." }]
+    },
+    "bg-yellow-500": {
+      "contents": [{ "value": "```css\nbackground-color: #eab308;\n```\n![color](https://via.placeholder.com/12/eab308/eab308.png) Yellow 500." }]
+    },
+    "bg-purple-500": {
+      "contents": [{ "value": "```css\nbackground-color: #a855f7;\n```\n![color](https://via.placeholder.com/12/a855f7/a855f7.png) Purple 500." }]
+    },
+    "bg-indigo-500": {
+      "contents": [{ "value": "```css\nbackground-color: #6366f1;\n```\n![color](https://via.placeholder.com/12/6366f1/6366f1.png) Indigo 500." }]
+    },
+    "bg-gray-50": {
+      "contents": [{ "value": "```css\nbackground-color: #f9fafb;\n```\n![color](https://via.placeholder.com/12/f9fafb/f9fafb.png) Gray 50 — lightest gray." }]
+    },
+    "bg-gray-200": {
+      "contents": [{ "value": "```css\nbackground-color: #e5e7eb;\n```\n![color](https://via.placeholder.com/12/e5e7eb/e5e7eb.png) Gray 200." }]
+    },
+    "bg-gray-800": {
+      "contents": [{ "value": "```css\nbackground-color: #1f2937;\n```\n![color](https://via.placeholder.com/12/1f2937/1f2937.png) Gray 800 — used for dark backgrounds." }]
+    },
+    "bg-gray-900": {
+      "contents": [{ "value": "```css\nbackground-color: #111827;\n```\n![color](https://via.placeholder.com/12/111827/111827.png) Gray 900 — darkest gray." }]
+    },
+    "bg-black": {
+      "contents": [{ "value": "```css\nbackground-color: #000000;\n```\nSets background to black." }]
+    },
+    "bg-transparent": {
+      "contents": [{ "value": "```css\nbackground-color: transparent;\n```" }]
+    },
+    "text-black": {
+      "contents": [{ "value": "```css\ncolor: #000000;\n```" }]
+    },
+    "text-gray-400": {
+      "contents": [{ "value": "```css\ncolor: #9ca3af;\n```\n![color](https://via.placeholder.com/12/9ca3af/9ca3af.png) Gray 400 — used for muted/placeholder text." }]
+    },
+    "text-gray-500": {
+      "contents": [{ "value": "```css\ncolor: #6b7280;\n```\n![color](https://via.placeholder.com/12/6b7280/6b7280.png) Gray 500 — secondary text." }]
+    },
+    "text-gray-900": {
+      "contents": [{ "value": "```css\ncolor: #111827;\n```\n![color](https://via.placeholder.com/12/111827/111827.png) Gray 900 — primary dark text." }]
+    },
+    "text-blue-500": {
+      "contents": [{ "value": "```css\ncolor: #3b82f6;\n```\n![color](https://via.placeholder.com/12/3b82f6/3b82f6.png) Blue 500 — link/accent color." }]
+    },
+    "text-red-500": {
+      "contents": [{ "value": "```css\ncolor: #ef4444;\n```\n![color](https://via.placeholder.com/12/ef4444/ef4444.png) Red 500 — error/destructive color." }]
+    },
+    "text-green-500": {
+      "contents": [{ "value": "```css\ncolor: #22c55e;\n```\n![color](https://via.placeholder.com/12/22c55e/22c55e.png) Green 500 — success color." }]
+    },
+    "border-gray-200": {
+      "contents": [{ "value": "```css\nborder-color: #e5e7eb;\n```\n![color](https://via.placeholder.com/12/e5e7eb/e5e7eb.png) Gray 200 — subtle border." }]
+    },
+    "border-gray-300": {
+      "contents": [{ "value": "```css\nborder-color: #d1d5db;\n```\n![color](https://via.placeholder.com/12/d1d5db/d1d5db.png) Gray 300 — standard border." }]
+    },
+    "border-transparent": {
+      "contents": [{ "value": "```css\nborder-color: transparent;\n```" }]
+    },
+
+    "shadow-sm": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n```\nSmall shadow." }]
+    },
+    "shadow": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n```\nDefault shadow." }]
+    },
+    "shadow-xl": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n```\nExtra large shadow." }]
+    },
+    "shadow-2xl": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n```\n2XL shadow — largest built-in shadow." }]
+    },
+    "shadow-inner": {
+      "contents": [{ "value": "```css\nbox-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n```\nInner shadow." }]
+    },
+    "shadow-none": {
+      "contents": [{ "value": "```css\nbox-shadow: 0 0 #0000;\n```\nRemoves shadow." }]
+    },
+
+    "opacity-0": {
+      "contents": [{ "value": "```css\nopacity: 0;\n```\nFully transparent." }]
+    },
+    "opacity-25": {
+      "contents": [{ "value": "```css\nopacity: 0.25;\n```" }]
+    },
+    "opacity-50": {
+      "contents": [{ "value": "```css\nopacity: 0.5;\n```" }]
+    },
+    "opacity-75": {
+      "contents": [{ "value": "```css\nopacity: 0.75;\n```" }]
+    },
+    "opacity-100": {
+      "contents": [{ "value": "```css\nopacity: 1;\n```\nFully opaque (default)." }]
+    },
+
+    "mx-auto": {
+      "contents": [{ "value": "```css\nmargin-left: auto;\nmargin-right: auto;\n```\nHorizontally centers a block element." }]
+    },
+    "p-0": {
+      "contents": [{ "value": "```css\npadding: 0px;\n```" }]
+    },
+    "p-1": {
+      "contents": [{ "value": "```css\npadding: 0.25rem; /* 4px */\n```" }]
+    },
+    "p-6": {
+      "contents": [{ "value": "```css\npadding: 1.5rem; /* 24px */\n```" }]
+    },
+    "p-8": {
+      "contents": [{ "value": "```css\npadding: 2rem; /* 32px */\n```" }]
+    },
+    "m-0": {
+      "contents": [{ "value": "```css\nmargin: 0px;\n```" }]
+    },
+    "m-auto": {
+      "contents": [{ "value": "```css\nmargin: auto;\n```" }]
+    },
+    "py-4": {
+      "contents": [{ "value": "```css\npadding-top: 1rem; /* 16px */\npadding-bottom: 1rem; /* 16px */\n```" }]
+    },
+    "px-6": {
+      "contents": [{ "value": "```css\npadding-left: 1.5rem; /* 24px */\npadding-right: 1.5rem; /* 24px */\n```" }]
+    },
+
+    "w-1/2": {
+      "contents": [{ "value": "```css\nwidth: 50%;\n```" }]
+    },
+    "w-1/3": {
+      "contents": [{ "value": "```css\nwidth: 33.333333%;\n```" }]
+    },
+    "w-screen": {
+      "contents": [{ "value": "```css\nwidth: 100vw;\n```" }]
+    },
+    "w-auto": {
+      "contents": [{ "value": "```css\nwidth: auto;\n```" }]
+    },
+    "h-full": {
+      "contents": [{ "value": "```css\nheight: 100%;\n```" }]
+    },
+    "h-auto": {
+      "contents": [{ "value": "```css\nheight: auto;\n```" }]
+    },
+    "min-h-screen": {
+      "contents": [{ "value": "```css\nmin-height: 100vh;\n```\nSets minimum height to full viewport." }]
+    },
+    "min-h-0": {
+      "contents": [{ "value": "```css\nmin-height: 0px;\n```" }]
+    },
+    "max-w-sm": {
+      "contents": [{ "value": "```css\nmax-width: 24rem; /* 384px */\n```" }]
+    },
+    "max-w-md": {
+      "contents": [{ "value": "```css\nmax-width: 28rem; /* 448px */\n```" }]
+    },
+    "max-w-lg": {
+      "contents": [{ "value": "```css\nmax-width: 32rem; /* 512px */\n```" }]
+    },
+    "max-w-xl": {
+      "contents": [{ "value": "```css\nmax-width: 36rem; /* 576px */\n```" }]
+    },
+    "max-w-2xl": {
+      "contents": [{ "value": "```css\nmax-width: 42rem; /* 672px */\n```" }]
+    },
+    "max-w-full": {
+      "contents": [{ "value": "```css\nmax-width: 100%;\n```" }]
+    },
+    "max-w-screen-xl": {
+      "contents": [{ "value": "```css\nmax-width: 1280px;\n```" }]
+    },
+    "size-4": {
+      "contents": [{ "value": "```css\nwidth: 1rem; /* 16px */\nheight: 1rem; /* 16px */\n```" }]
+    },
+    "size-6": {
+      "contents": [{ "value": "```css\nwidth: 1.5rem; /* 24px */\nheight: 1.5rem; /* 24px */\n```" }]
+    },
+    "size-8": {
+      "contents": [{ "value": "```css\nwidth: 2rem; /* 32px */\nheight: 2rem; /* 32px */\n```" }]
+    },
+    "size-full": {
+      "contents": [{ "value": "```css\nwidth: 100%;\nheight: 100%;\n```" }]
+    },
+
+    "border": {
+      "contents": [{ "value": "```css\nborder-width: 1px;\n```" }]
+    },
+    "border-0": {
+      "contents": [{ "value": "```css\nborder-width: 0px;\n```" }]
+    },
+    "border-2": {
+      "contents": [{ "value": "```css\nborder-width: 2px;\n```" }]
+    },
+    "rounded-none": {
+      "contents": [{ "value": "```css\nborder-radius: 0px;\n```" }]
+    },
+    "rounded-sm": {
+      "contents": [{ "value": "```css\nborder-radius: 0.125rem; /* 2px */\n```" }]
+    },
+    "rounded": {
+      "contents": [{ "value": "```css\nborder-radius: 0.25rem; /* 4px */\n```" }]
+    },
+    "rounded-md": {
+      "contents": [{ "value": "```css\nborder-radius: 0.375rem; /* 6px */\n```" }]
+    },
+    "rounded-2xl": {
+      "contents": [{ "value": "```css\nborder-radius: 1rem; /* 16px */\n```" }]
+    },
+
+    "cursor-pointer": {
+      "contents": [{ "value": "```css\ncursor: pointer;\n```\nSets pointer cursor for interactive elements." }]
+    },
+    "cursor-not-allowed": {
+      "contents": [{ "value": "```css\ncursor: not-allowed;\n```\nSets not-allowed cursor for disabled elements." }]
+    },
+    "cursor-default": {
+      "contents": [{ "value": "```css\ncursor: default;\n```" }]
+    },
+    "select-none": {
+      "contents": [{ "value": "```css\nuser-select: none;\n```\nDisables text selection." }]
+    },
+    "select-all": {
+      "contents": [{ "value": "```css\nuser-select: all;\n```\nSelects all text on click." }]
+    },
+    "pointer-events-none": {
+      "contents": [{ "value": "```css\npointer-events: none;\n```\nDisables all pointer events." }]
+    },
+    "pointer-events-auto": {
+      "contents": [{ "value": "```css\npointer-events: auto;\n```\nRestores pointer events." }]
+    },
+
+    "sr-only": {
+      "contents": [{ "value": "```css\nposition: absolute;\nwidth: 1px;\nheight: 1px;\npadding: 0;\nmargin: -1px;\noverflow: hidden;\nclip: rect(0, 0, 0, 0);\nwhite-space: nowrap;\nborder-width: 0;\n```\nVisually hidden but accessible to screen readers." }]
+    },
+    "isolate": {
+      "contents": [{ "value": "```css\nisolation: isolate;\n```\nCreates a new stacking context." }]
+    },
+    "object-cover": {
+      "contents": [{ "value": "```css\nobject-fit: cover;\n```\nResizes content to cover the element, cropping if needed." }]
+    },
+    "object-contain": {
+      "contents": [{ "value": "```css\nobject-fit: contain;\n```\nResizes content to fit within the element." }]
+    },
+    "object-center": {
+      "contents": [{ "value": "```css\nobject-position: center;\n```" }]
+    },
+    "aspect-video": {
+      "contents": [{ "value": "```css\naspect-ratio: 16 / 9;\n```\n16:9 aspect ratio for video content." }]
+    },
+    "aspect-square": {
+      "contents": [{ "value": "```css\naspect-ratio: 1 / 1;\n```\nSquare aspect ratio." }]
+    },
+
+    "transition-all": {
+      "contents": [{ "value": "```css\ntransition-property: all;\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\ntransition-duration: 150ms;\n```" }]
+    },
+    "transition-colors": {
+      "contents": [{ "value": "```css\ntransition-property: color, background-color, border-color,\n  text-decoration-color, fill, stroke;\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\ntransition-duration: 150ms;\n```" }]
+    },
+    "transition-opacity": {
+      "contents": [{ "value": "```css\ntransition-property: opacity;\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\ntransition-duration: 150ms;\n```" }]
+    },
+    "transition-transform": {
+      "contents": [{ "value": "```css\ntransition-property: transform;\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\ntransition-duration: 150ms;\n```" }]
+    },
+    "duration-150": {
+      "contents": [{ "value": "```css\ntransition-duration: 150ms;\n```" }]
+    },
+    "duration-200": {
+      "contents": [{ "value": "```css\ntransition-duration: 200ms;\n```" }]
+    },
+    "duration-300": {
+      "contents": [{ "value": "```css\ntransition-duration: 300ms;\n```" }]
+    },
+    "duration-500": {
+      "contents": [{ "value": "```css\ntransition-duration: 500ms;\n```" }]
+    },
+    "ease-in": {
+      "contents": [{ "value": "```css\ntransition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n```" }]
+    },
+    "ease-out": {
+      "contents": [{ "value": "```css\ntransition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n```" }]
+    },
+    "ease-in-out": {
+      "contents": [{ "value": "```css\ntransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n```" }]
+    },
+    "delay-150": {
+      "contents": [{ "value": "```css\ntransition-delay: 150ms;\n```" }]
+    },
+    "delay-300": {
+      "contents": [{ "value": "```css\ntransition-delay: 300ms;\n```" }]
+    },
+    "animate-spin": {
+      "contents": [{ "value": "```css\nanimation: spin 1s linear infinite;\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n```" }]
+    },
+    "animate-ping": {
+      "contents": [{ "value": "```css\nanimation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n```" }]
+    },
+    "animate-pulse": {
+      "contents": [{ "value": "```css\nanimation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n@keyframes pulse {\n  50% { opacity: .5; }\n}\n```" }]
+    },
+    "animate-bounce": {
+      "contents": [{ "value": "```css\nanimation: bounce 1s infinite;\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n```" }]
+    },
+
+    "will-change-transform": {
+      "contents": [{ "value": "```css\nwill-change: transform;\n```\nOptimizes transform animations for the GPU." }]
+    },
+    "will-change-scroll": {
+      "contents": [{ "value": "```css\nwill-change: scroll-position;\n```" }]
+    },
+    "appearance-none": {
+      "contents": [{ "value": "```css\nappearance: none;\n```\nRemoves native form styling." }]
+    },
+    "scroll-smooth": {
+      "contents": [{ "value": "```css\nscroll-behavior: smooth;\n```\nEnables smooth scrolling for anchor links." }]
+    },
+    "snap-x": {
+      "contents": [{ "value": "```css\nscroll-snap-type: x var(--tw-scroll-snap-strictness);\n```\nEnables horizontal scroll snapping." }]
+    },
+    "snap-y": {
+      "contents": [{ "value": "```css\nscroll-snap-type: y var(--tw-scroll-snap-strictness);\n```\nEnables vertical scroll snapping." }]
+    },
+    "snap-start": {
+      "contents": [{ "value": "```css\nscroll-snap-align: start;\n```" }]
+    },
+    "snap-center": {
+      "contents": [{ "value": "```css\nscroll-snap-align: center;\n```" }]
+    },
+    "snap-mandatory": {
+      "contents": [{ "value": "```css\n--tw-scroll-snap-strictness: mandatory;\n```" }]
+    },
+    "touch-none": {
+      "contents": [{ "value": "```css\ntouch-action: none;\n```\nDisables all touch actions." }]
+    },
+    "touch-manipulation": {
+      "contents": [{ "value": "```css\ntouch-action: manipulation;\n```\nAllows panning and pinch zoom but disables double-tap zoom." }]
+    },
+
+    "@config": {
+      "contents": [{ "value": "**@config** — Specify a Tailwind config file for this CSS file.\n```css\n@config './tailwind.config.js';\n```\nUseful in multi-config setups." }]
+    },
+    "theme()": {
+      "contents": [{ "value": "**theme()** — Reference design tokens in CSS.\n```css\n.element {\n  color: theme('colors.blue.500');\n  padding: theme('spacing.4');\n}\n```\nAccesses values from your Tailwind config." }]
+    },
+    "screen()": {
+      "contents": [{ "value": "**screen()** — Reference breakpoints in @media.\n```css\n@media screen(md) {\n  .element { display: flex; }\n}\n```\nResolves to the breakpoint value from your config." }]
+    }
+  }
+}