@myissue/vue-website-page-builder 3.2.82 → 3.2.84

package/src/utils/builder/compiledCSS.ts

@@ -46,10 +46,1019 @@ interface CompiledCSS {
   gridLg: string[]
   image: string[]
   video: string[]
+  borderRadius: string[]
+  fontFamily: string[]
+  shadow: string[]
+  ring: string[]
+  zIndex: string[]
+  opacity: string[]
+  backgroundColorVariables: string[]
+  borderColor: string[]
+  // New keys below
+  textAlign: string[]
+  fontStyle: string[]
+  textDecoration: string[]
+  textTransform: string[]
+  whitespace: string[]
+  break: string[]
+  listStyle: string[]
+  objectFit: string[]
+  objectPosition: string[]
+  visibility: string[]
+  transition: string[]
+  transform: string[]
+  pointerEvents: string[]
+  cursor: string[]
+  aspectRatio: string[]
+  container: string[]
+  maxWidth: string[]
+  minWidth: string[]
+  minHeight: string[]
+  maxHeight: string[]
+  aria: string[]
+  select: string[]
+  resize: string[]
+  scrollSnap: string[]
+  scrollBehavior: string[]
+  indent: string[]
+  placeholder: string[]
+  animation: string[]
+  filter: string[]
+  backdrop: string[]
+  mixBlend: string[]
+  userSelect: string[]
+  align: string[]
+  flex: string[]
+  outline: string[]
+  borderStyle: string[]
+  divide: string[]
+  overflow: string[]
+  display: string[]
+  position: string[]
+  textSize: string[]
+  fontWeight: string[]
+  background: string[]
+  border: string[]
 }
 
 const compiledCSS: CompiledCSS = {
-  // min & max height & width
+  textAlign: ['text-left', 'text-center', 'text-right', 'text-justify', 'text-start', 'text-end'],
+
+  fontStyle: ['italic', 'not-italic'],
+
+  textDecoration: [
+    'underline',
+    'overline',
+    'line-through',
+    'no-underline',
+    'decoration-solid',
+    'decoration-double',
+    'decoration-dotted',
+    'decoration-dashed',
+    'decoration-wavy',
+  ],
+
+  textTransform: ['uppercase', 'lowercase', 'capitalize', 'normal-case'],
+
+  whitespace: [
+    'whitespace-normal',
+    'whitespace-nowrap',
+    'whitespace-pre',
+    'whitespace-pre-line',
+    'whitespace-pre-wrap',
+  ],
+
+  break: ['break-normal', 'break-words', 'break-all'],
+
+  listStyle: ['list-none', 'list-disc', 'list-decimal', 'list-inside', 'list-outside'],
+
+  objectFit: ['object-contain', 'object-cover', 'object-fill', 'object-none', 'object-scale-down'],
+
+  objectPosition: [
+    'object-bottom',
+    'object-center',
+    'object-left',
+    'object-left-bottom',
+    'object-left-top',
+    'object-right',
+    'object-right-bottom',
+    'object-right-top',
+    'object-top',
+  ],
+
+  visibility: ['visible', 'invisible', 'collapse'],
+
+  transition: [
+    'transition',
+    'transition-none',
+    'transition-all',
+    'transition-colors',
+    'transition-opacity',
+    'transition-shadow',
+    'transition-transform',
+    'duration-75',
+    'duration-100',
+    'duration-150',
+    'duration-200',
+    'duration-300',
+    'duration-500',
+    'duration-700',
+    'duration-1000',
+    'ease-linear',
+    'ease-in',
+    'ease-out',
+    'ease-in-out',
+  ],
+
+  transform: [
+    'transform',
+    'transform-none',
+    'scale-0',
+    'scale-50',
+    'scale-75',
+    'scale-90',
+    'scale-95',
+    'scale-100',
+    'scale-105',
+    'scale-110',
+    'scale-125',
+    'scale-150',
+    'rotate-0',
+    'rotate-45',
+    'rotate-90',
+    'rotate-180',
+    'rotate-270',
+    'rotate-360',
+  ],
+  pointerEvents: ['pointer-events-none', 'pointer-events-auto'],
+  cursor: [
+    'cursor-pointer',
+    'cursor-default',
+    'cursor-wait',
+    'cursor-text',
+    'cursor-move',
+    'cursor-not-allowed',
+  ],
+  aspectRatio: [
+    'aspect-auto',
+    'aspect-square',
+    'aspect-video',
+    'aspect-[4/3]',
+    'aspect-[16/9]',
+    'aspect-[21/9]',
+  ],
+  container: ['container', 'mx-auto'],
+  maxWidth: [
+    'max-w-xs',
+    'max-w-sm',
+    'max-w-md',
+    'max-w-lg',
+    'max-w-xl',
+    'max-w-2xl',
+    'max-w-3xl',
+    'max-w-4xl',
+    'max-w-5xl',
+    'max-w-6xl',
+    'max-w-7xl',
+    'max-w-full',
+    'max-w-min',
+    'max-w-max',
+    'max-w-fit',
+    'max-w-prose',
+    'max-w-screen-sm',
+    'max-w-screen-md',
+    'max-w-screen-lg',
+    'max-w-screen-xl',
+    'max-w-screen-2xl',
+  ],
+  minWidth: ['min-w-0', 'min-w-full', 'min-w-min', 'min-w-max', 'min-w-fit'],
+  minHeight: ['min-h-0', 'min-h-full', 'min-h-screen', 'min-h-min', 'min-h-max', 'min-h-fit'],
+  maxHeight: ['max-h-0', 'max-h-full', 'max-h-screen', 'max-h-min', 'max-h-max', 'max-h-fit'],
+  aria: ['aria-checked:bg-blue-500', 'aria-selected:bg-blue-100', 'aria-disabled:opacity-50'],
+  select: ['select-none', 'select-text', 'select-all', 'select-auto'],
+  // Resize
+  resize: ['resize-none', 'resize-y', 'resize-x', 'resize'],
+
+  // Scroll Snap
+  scrollSnap: [
+    'snap-none',
+    'snap-x',
+    'snap-y',
+    'snap-both',
+    'snap-mandatory',
+    'snap-proximity',
+    'snap-start',
+    'snap-end',
+    'snap-center',
+    'snap-align-none',
+  ],
+
+  // Scroll Behavior
+  scrollBehavior: ['scroll-auto', 'scroll-smooth'],
+
+  // Indent
+  indent: ['indent-0', 'indent-px', 'indent-1', 'indent-2', 'indent-4', 'indent-8'],
+
+  // Placeholder
+  placeholder: ['placeholder-gray-400', 'placeholder-opacity-50', 'placeholder:text-sm'],
+
+  // Animation
+  animation: ['animate-none', 'animate-spin', 'animate-ping', 'animate-pulse', 'animate-bounce'],
+
+  // Blur/Filter
+  filter: [
+    'filter',
+    'filter-none',
+    'blur',
+    'blur-sm',
+    'blur-md',
+    'blur-lg',
+    'blur-xl',
+    'blur-2xl',
+    'blur-3xl',
+  ],
+
+  // Backdrop Filter
+  backdrop: [
+    'backdrop-blur',
+    'backdrop-blur-sm',
+    'backdrop-blur-md',
+    'backdrop-blur-lg',
+    'backdrop-blur-xl',
+    'backdrop-blur-2xl',
+    'backdrop-blur-3xl',
+  ],
+
+  // Mix Blend Mode
+  mixBlend: [
+    'mix-blend-normal',
+    'mix-blend-multiply',
+    'mix-blend-screen',
+    'mix-blend-overlay',
+    'mix-blend-darken',
+    'mix-blend-lighten',
+    'mix-blend-color-dodge',
+    'mix-blend-color-burn',
+    'mix-blend-hard-light',
+    'mix-blend-soft-light',
+    'mix-blend-difference',
+    'mix-blend-exclusion',
+    'mix-blend-hue',
+    'mix-blend-saturation',
+    'mix-blend-color',
+    'mix-blend-luminosity',
+  ],
+  // User Select
+  userSelect: ['select-none', 'select-text', 'select-all', 'select-auto'],
+  align: [
+    'justify-self-auto',
+    'justify-self-start',
+    'justify-self-end',
+    'justify-self-center',
+    'justify-self-stretch',
+    'self-auto',
+    'self-start',
+    'self-end',
+    'self-center',
+    'self-stretch',
+    'place-content-center',
+    'place-content-start',
+    'place-content-end',
+    'place-content-between',
+    'place-content-around',
+    'place-content-evenly',
+  ],
+  flex: [
+    'flex',
+    'inline-flex',
+    'flex-row',
+    'flex-row-reverse',
+    'flex-col',
+    'flex-col-reverse',
+    'flex-wrap',
+    'flex-wrap-reverse',
+    'flex-nowrap',
+    'items-start',
+    'items-end',
+    'items-center',
+    'items-baseline',
+    'items-stretch',
+    'justify-start',
+    'justify-end',
+    'justify-center',
+    'justify-between',
+    'justify-around',
+    'justify-evenly',
+    'gap-0',
+    'gap-1',
+    'gap-2',
+    'gap-4',
+    'gap-8',
+  ],
+  outline: [
+    'outline-none',
+    'outline',
+    'outline-0',
+    'outline-1',
+    'outline-2',
+    'outline-4',
+    'outline-8',
+  ],
+  borderStyle: ['border-solid', 'border-dashed', 'border-dotted', 'border-double', 'border-none'],
+  divide: [
+    'divide-x',
+    'divide-y',
+    'divide-x-0',
+    'divide-x-2',
+    'divide-x-4',
+    'divide-x-8',
+    'divide-y-0',
+    'divide-y-2',
+    'divide-y-4',
+    'divide-y-8',
+  ],
+  borderColor: [
+    'border-transparent',
+    'border-current',
+    'border-white',
+    'border-black',
+
+    'border-slate-50',
+    'border-slate-100',
+    'border-slate-200',
+    'border-slate-300',
+    'border-slate-400',
+    'border-slate-500',
+    'border-slate-600',
+    'border-slate-700',
+    'border-slate-800',
+    'border-slate-900',
+
+    'border-gray-50',
+    'border-gray-100',
+    'border-gray-200',
+    'border-gray-300',
+    'border-gray-400',
+    'border-gray-500',
+    'border-gray-600',
+    'border-gray-700',
+    'border-gray-800',
+    'border-gray-900',
+
+    'border-zinc-50',
+    'border-zinc-100',
+    'border-zinc-200',
+    'border-zinc-300',
+    'border-zinc-400',
+    'border-zinc-500',
+    'border-zinc-600',
+    'border-zinc-700',
+    'border-zinc-800',
+    'border-zinc-900',
+
+    'border-neutral-50',
+    'border-neutral-100',
+    'border-neutral-200',
+    'border-neutral-300',
+    'border-neutral-400',
+    'border-neutral-500',
+    'border-neutral-600',
+    'border-neutral-700',
+    'border-neutral-800',
+    'border-neutral-900',
+
+    'border-stone-50',
+    'border-stone-100',
+    'border-stone-200',
+    'border-stone-300',
+    'border-stone-400',
+    'border-stone-500',
+    'border-stone-600',
+    'border-stone-700',
+    'border-stone-800',
+    'border-stone-900',
+
+    'border-red-50',
+    'border-red-100',
+    'border-red-200',
+    'border-red-300',
+    'border-red-400',
+    'border-red-500',
+    'border-red-600',
+    'border-red-700',
+    'border-red-800',
+    'border-red-900',
+
+    'border-orange-50',
+    'border-orange-100',
+    'border-orange-200',
+    'border-orange-300',
+    'border-orange-400',
+    'border-orange-500',
+    'border-orange-600',
+    'border-orange-700',
+    'border-orange-800',
+    'border-orange-900',
+
+    'border-amber-50',
+    'border-amber-100',
+    'border-amber-200',
+    'border-amber-300',
+    'border-amber-400',
+    'border-amber-500',
+    'border-amber-600',
+    'border-amber-700',
+    'border-amber-800',
+    'border-amber-900',
+
+    'border-yellow-50',
+    'border-yellow-100',
+    'border-yellow-200',
+    'border-yellow-300',
+    'border-yellow-400',
+    'border-yellow-500',
+    'border-yellow-600',
+    'border-yellow-700',
+    'border-yellow-800',
+    'border-yellow-900',
+
+    'border-lime-50',
+    'border-lime-100',
+    'border-lime-200',
+    'border-lime-300',
+    'border-lime-400',
+    'border-lime-500',
+    'border-lime-600',
+    'border-lime-700',
+    'border-lime-800',
+    'border-lime-900',
+
+    'border-green-50',
+    'border-green-100',
+    'border-green-200',
+    'border-green-300',
+    'border-green-400',
+    'border-green-500',
+    'border-green-600',
+    'border-green-700',
+    'border-green-800',
+    'border-green-900',
+
+    'border-emerald-50',
+    'border-emerald-100',
+    'border-emerald-200',
+    'border-emerald-300',
+    'border-emerald-400',
+    'border-emerald-500',
+    'border-emerald-600',
+    'border-emerald-700',
+    'border-emerald-800',
+    'border-emerald-900',
+
+    'border-teal-50',
+    'border-teal-100',
+    'border-teal-200',
+    'border-teal-300',
+    'border-teal-400',
+    'border-teal-500',
+    'border-teal-600',
+    'border-teal-700',
+    'border-teal-800',
+    'border-teal-900',
+
+    'border-cyan-50',
+    'border-cyan-100',
+    'border-cyan-200',
+    'border-cyan-300',
+    'border-cyan-400',
+    'border-cyan-500',
+    'border-cyan-600',
+    'border-cyan-700',
+    'border-cyan-800',
+    'border-cyan-900',
+
+    'border-sky-50',
+    'border-sky-100',
+    'border-sky-200',
+    'border-sky-300',
+    'border-sky-400',
+    'border-sky-500',
+    'border-sky-600',
+    'border-sky-700',
+    'border-sky-800',
+    'border-sky-900',
+
+    'border-blue-50',
+    'border-blue-100',
+    'border-blue-200',
+    'border-blue-300',
+    'border-blue-400',
+    'border-blue-500',
+    'border-blue-600',
+    'border-blue-700',
+    'border-blue-800',
+    'border-blue-900',
+
+    'border-indigo-50',
+    'border-indigo-100',
+    'border-indigo-200',
+    'border-indigo-300',
+    'border-indigo-400',
+    'border-indigo-500',
+    'border-indigo-600',
+    'border-indigo-700',
+    'border-indigo-800',
+    'border-indigo-900',
+
+    'border-violet-50',
+    'border-violet-100',
+    'border-violet-200',
+    'border-violet-300',
+    'border-violet-400',
+    'border-violet-500',
+    'border-violet-600',
+    'border-violet-700',
+    'border-violet-800',
+    'border-violet-900',
+
+    'border-purple-50',
+    'border-purple-100',
+    'border-purple-200',
+    'border-purple-300',
+    'border-purple-400',
+    'border-purple-500',
+    'border-purple-600',
+    'border-purple-700',
+    'border-purple-800',
+    'border-purple-900',
+
+    'border-fuchsia-50',
+    'border-fuchsia-100',
+    'border-fuchsia-200',
+    'border-fuchsia-300',
+    'border-fuchsia-400',
+    'border-fuchsia-500',
+    'border-fuchsia-600',
+    'border-fuchsia-700',
+    'border-fuchsia-800',
+    'border-fuchsia-900',
+
+    'border-pink-50',
+    'border-pink-100',
+    'border-pink-200',
+    'border-pink-300',
+    'border-pink-400',
+    'border-pink-500',
+    'border-pink-600',
+    'border-pink-700',
+    'border-pink-800',
+    'border-pink-900',
+
+    'border-rose-50',
+    'border-rose-100',
+    'border-rose-200',
+    'border-rose-300',
+    'border-rose-400',
+    'border-rose-500',
+    'border-rose-600',
+    'border-rose-700',
+    'border-rose-800',
+    'border-rose-900',
+  ],
+  backgroundColorVariables: [
+    'none',
+    'bg-white',
+    'bg-black',
+
+    'bg-slate-50',
+    'bg-slate-100',
+    'bg-slate-200',
+    'bg-slate-300',
+    'bg-slate-400',
+    'bg-slate-500',
+    'bg-slate-600',
+    'bg-slate-700',
+    'bg-slate-800',
+    'bg-slate-900',
+
+    'bg-gray-50',
+    'bg-gray-100',
+    'bg-gray-200',
+    'bg-gray-300',
+    'bg-gray-400',
+    'bg-gray-500',
+    'bg-gray-600',
+    'bg-gray-700',
+    'bg-gray-800',
+    'bg-gray-900',
+
+    'bg-zinc-50',
+    'bg-zinc-100',
+    'bg-zinc-200',
+    'bg-zinc-300',
+    'bg-zinc-400',
+    'bg-zinc-500',
+    'bg-zinc-600',
+    'bg-zinc-700',
+    'bg-zinc-800',
+    'bg-zinc-900',
+
+    'bg-neutral-50',
+    'bg-neutral-100',
+    'bg-neutral-200',
+    'bg-neutral-300',
+    'bg-neutral-400',
+    'bg-neutral-500',
+    'bg-neutral-600',
+    'bg-neutral-700',
+    'bg-neutral-800',
+    'bg-neutral-900',
+
+    'bg-stone-50',
+    'bg-stone-100',
+    'bg-stone-200',
+    'bg-stone-300',
+    'bg-stone-400',
+    'bg-stone-500',
+    'bg-stone-600',
+    'bg-stone-700',
+    'bg-stone-800',
+    'bg-stone-900',
+
+    'bg-red-50',
+    'bg-red-100',
+    'bg-red-200',
+    'bg-red-300',
+    'bg-red-400',
+    'bg-red-500',
+    'bg-red-600',
+    'bg-red-700',
+    'bg-red-800',
+    'bg-red-900',
+
+    'bg-orange-50',
+    'bg-orange-100',
+    'bg-orange-200',
+    'bg-orange-300',
+    'bg-orange-400',
+    'bg-orange-500',
+    'bg-orange-600',
+    'bg-orange-700',
+    'bg-orange-800',
+    'bg-orange-900',
+
+    'bg-amber-50',
+    'bg-amber-100',
+    'bg-amber-200',
+    'bg-amber-300',
+    'bg-amber-400',
+    'bg-amber-500',
+    'bg-amber-600',
+    'bg-amber-700',
+    'bg-amber-800',
+    'bg-amber-900',
+
+    'bg-yellow-50',
+    'bg-yellow-100',
+    'bg-yellow-200',
+    'bg-yellow-300',
+    'bg-yellow-400',
+    'bg-yellow-500',
+    'bg-yellow-600',
+    'bg-yellow-700',
+    'bg-yellow-800',
+    'bg-yellow-900',
+
+    'bg-lime-50',
+    'bg-lime-100',
+    'bg-lime-200',
+    'bg-lime-300',
+    'bg-lime-400',
+    'bg-lime-500',
+    'bg-lime-600',
+    'bg-lime-700',
+    'bg-lime-800',
+    'bg-lime-900',
+
+    'bg-green-50',
+    'bg-green-100',
+    'bg-green-200',
+    'bg-green-300',
+    'bg-green-400',
+    'bg-green-500',
+    'bg-green-600',
+    'bg-green-700',
+    'bg-green-800',
+    'bg-green-900',
+
+    'bg-emerald-50',
+    'bg-emerald-100',
+    'bg-emerald-200',
+    'bg-emerald-300',
+    'bg-emerald-400',
+    'bg-emerald-500',
+    'bg-emerald-600',
+    'bg-emerald-700',
+    'bg-emerald-800',
+    'bg-emerald-900',
+
+    'bg-teal-50',
+    'bg-teal-100',
+    'bg-teal-200',
+    'bg-teal-300',
+    'bg-teal-400',
+    'bg-teal-500',
+    'bg-teal-600',
+    'bg-teal-700',
+    'bg-teal-800',
+    'bg-teal-900',
+
+    'bg-cyan-50',
+    'bg-cyan-100',
+    'bg-cyan-200',
+    'bg-cyan-300',
+    'bg-cyan-400',
+    'bg-cyan-500',
+    'bg-cyan-600',
+    'bg-cyan-700',
+    'bg-cyan-800',
+    'bg-cyan-900',
+
+    'bg-sky-50',
+    'bg-sky-100',
+    'bg-sky-200',
+    'bg-sky-300',
+    'bg-sky-400',
+    'bg-sky-500',
+    'bg-sky-600',
+    'bg-sky-700',
+    'bg-sky-800',
+    'bg-sky-900',
+
+    'bg-blue-50',
+    'bg-blue-100',
+    'bg-blue-200',
+    'bg-blue-300',
+    'bg-blue-400',
+    'bg-blue-500',
+    'bg-blue-600',
+    'bg-blue-700',
+    'bg-blue-800',
+    'bg-blue-900',
+
+    'bg-indigo-50',
+    'bg-indigo-100',
+    'bg-indigo-200',
+    'bg-indigo-300',
+    'bg-indigo-400',
+    'bg-indigo-500',
+    'bg-indigo-600',
+    'bg-indigo-700',
+    'bg-indigo-800',
+    'bg-indigo-900',
+
+    'bg-violet-50',
+    'bg-violet-100',
+    'bg-violet-200',
+    'bg-violet-300',
+    'bg-violet-400',
+    'bg-violet-500',
+    'bg-violet-600',
+    'bg-violet-700',
+    'bg-violet-800',
+    'bg-violet-900',
+
+    'bg-purple-50',
+    'bg-purple-100',
+    'bg-purple-200',
+    'bg-purple-300',
+    'bg-purple-400',
+    'bg-purple-500',
+    'bg-purple-600',
+    'bg-purple-700',
+    'bg-purple-800',
+    'bg-purple-900',
+
+    'bg-fuchsia-50',
+    'bg-fuchsia-100',
+    'bg-fuchsia-200',
+    'bg-fuchsia-300',
+    'bg-fuchsia-400',
+    'bg-fuchsia-500',
+    'bg-fuchsia-600',
+    'bg-fuchsia-700',
+    'bg-fuchsia-800',
+    'bg-fuchsia-900',
+
+    'bg-pink-50',
+    'bg-pink-100',
+    'bg-pink-200',
+    'bg-pink-300',
+    'bg-pink-400',
+    'bg-pink-500',
+    'bg-pink-600',
+    'bg-pink-700',
+    'bg-pink-800',
+    'bg-pink-900',
+
+    'bg-rose-50',
+    'bg-rose-100',
+    'bg-rose-200',
+    'bg-rose-300',
+    'bg-rose-400',
+    'bg-rose-500',
+    'bg-rose-600',
+    'bg-rose-700',
+    'bg-rose-800',
+    'bg-rose-900',
+  ],
+  fontFamily: [
+    'font-sans',
+    'font-serif',
+    'font-mono',
+    'font-arial',
+    'font-helvetica',
+    'font-georgia',
+    'font-times',
+    'font-times-new-roman',
+    'font-courier',
+    'font-courier-new',
+    'font-verdana',
+    'font-tahoma',
+    'font-trebuchet',
+    'font-garamond',
+    'font-palantino',
+    'font-bookman',
+    'font-comic-sans',
+    'font-impact',
+    'font-lucida',
+    'font-lucida-console',
+    'font-lucida-sans',
+    'font-candara',
+    'font-optima',
+    'font-avenir',
+    'font-futura',
+    'font-calibri',
+    'font-cambria',
+    'font-didot',
+    'font-franklin-gothic',
+    'font-rockwell',
+    'font-baskerville',
+  ],
+  borderRadius: [
+    'rounded-sm',
+    'rounded',
+    'rounded-md',
+    'rounded-lg',
+    'rounded-xl',
+    'rounded-2xl',
+    'rounded-3xl',
+    'rounded-full',
+    'rounded-tl-sm',
+    'rounded-tl',
+    'rounded-tl-md',
+    'rounded-tl-lg',
+    'rounded-tl-xl',
+    'rounded-tl-2xl',
+    'rounded-tl-3xl',
+    'rounded-tl-full',
+    'rounded-tr-sm',
+    'rounded-tr',
+    'rounded-tr-md',
+    'rounded-tr-lg',
+    'rounded-tr-xl',
+    'rounded-tr-2xl',
+    'rounded-tr-3xl',
+    'rounded-tr-full',
+    'rounded-bl-sm',
+    'rounded-bl',
+    'rounded-bl-md',
+    'rounded-bl-lg',
+    'rounded-bl-xl',
+    'rounded-bl-2xl',
+    'rounded-bl-3xl',
+    'rounded-bl-full',
+    'rounded-br-sm',
+    'rounded-br',
+    'rounded-br-md',
+    'rounded-br-lg',
+    'rounded-br-xl',
+    'rounded-br-2xl',
+    'rounded-br-3xl',
+    'rounded-br-full',
+  ],
+  shadow: [
+    'shadow-none',
+    'shadow-sm',
+    'shadow',
+    'shadow-md',
+    'shadow-lg',
+    'shadow-xl',
+    'shadow-2xl',
+    'shadow-inner',
+    'shadow-outline',
+  ],
+
+  ring: [
+    'ring-0',
+    'ring-1',
+    'ring-2',
+    'ring-4',
+    'ring-8',
+    'ring',
+    'ring-inset',
+    'ring-offset-0',
+    'ring-offset-1',
+    'ring-offset-2',
+    'ring-offset-4',
+    'ring-offset-8',
+  ],
+
+  zIndex: ['z-0', 'z-10', 'z-20', 'z-30', 'z-40', 'z-50', 'z-auto'],
+
+  opacity: ['opacity-0', 'opacity-25', 'opacity-50', 'opacity-75', 'opacity-100'],
+
+  overflow: [
+    'overflow-auto',
+    'overflow-hidden',
+    'overflow-visible',
+    'overflow-scroll',
+    'overflow-x-auto',
+    'overflow-y-auto',
+    'overflow-x-hidden',
+    'overflow-y-hidden',
+  ],
+
+  display: [
+    'block',
+    'inline-block',
+    'inline',
+    'flex',
+    'inline-flex',
+    'grid',
+    'inline-grid',
+    'hidden',
+  ],
+
+  position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
+
+  textSize: [
+    'text-xs',
+    'text-sm',
+    'text-base',
+    'text-lg',
+    'text-xl',
+    'text-2xl',
+    'text-3xl',
+    'text-4xl',
+    'text-5xl',
+    'text-6xl',
+    'text-7xl',
+    'text-8xl',
+    'text-9xl',
+  ],
+
+  fontWeight: [
+    'font-thin',
+    'font-extralight',
+    'font-light',
+    'font-normal',
+    'font-medium',
+    'font-semibold',
+    'font-bold',
+    'font-extrabold',
+    'font-black',
+  ],
+
+  background: [
+    'bg-white',
+    'bg-black',
+    'bg-gray-100',
+    'bg-gray-200',
+    'bg-gray-300',
+    'bg-gray-400',
+    'bg-gray-500',
+    'bg-gray-600',
+    'bg-gray-700',
+    'bg-gray-800',
+    'bg-gray-900',
+    // Add more colors as needed
+  ],
+  border: [
+    'border',
+    'border-0',
+    'border-2',
+    'border-4',
+    'border-8',
+    'border-t',
+    'border-b',
+    'border-l',
+    'border-r',
+    'border-dashed',
+    'border-dotted',
+    'border-double',
+    'border-none',
+  ],
   minMaxHeightWidth: [
     'min-h-0.5',
     'min-h-1',
@@ -184,6 +1193,7 @@ const compiledCSS: CompiledCSS = {
     'max-w-80',
     'max-w-96',
   ],
+  // min & max height & width
   height: [
     'h-0.5',
     'h-1',