@wallarm-org/claude-design 0.0.0-stage → 4.8.0

package/dist/project/components/UTILITIES.md

@@ -0,0 +1,647 @@
+# Utility classes that exist
+
+Generated from `components/bundle.css`. This is the complete list of utility classes you can write in canvas markup. **No other class exists**: the CSS is compiled ahead of time, there is no JIT, and arbitrary values such as `p-[13px]` or `w-[420px]` have no rule unless a component already uses that exact class. A missing class renders as nothing, silently.
+
+- Every numeric utility means N px (spacing *and* sizing): `p-16` is 16px, `w-256` is 256px, `size-24` is 24px. Tailwind habits are 4× off: write `p-16`, not `p-4`.
+- Stay on the spacing scale; reach for `Stack` / `Flex` `gap` props and `Page*` / `Card*` components before raw layout classes.
+- `sm:` / `md:` / `lg:` / `xl:` follow the viewport width, not the artboard width.
+- For a value that is not here, use an inline style with a token: `style="gap: var(--spacing-16)"`.
+
+## Base utilities
+
+- **-m**: `-m-4`
+- **-mb**: `-mb-3` `-mb-8` `-mb-px`
+- **-ml**: `-ml-2` `-ml-4` `-ml-7`
+- **-mt**: `-mt-2`
+- **-mx**: `-mx-8` `-mx-24` `-mx-px`
+- **-my**: `-my-2` `-my-4` `-my-8`
+- **-right**: `-right-2` `-right-8`
+- **-rotate**: `-rotate-90`
+- **-top**: `-top-2` `-top-6`
+- **-translate**: `-translate-x-1/2` `-translate-x-full` `-translate-y-1/2`
+- **-z**: `-z-1`
+- **!absolute**: `!absolute`
+- **!container**: `!container`
+- **!cursor-not-allowed**: `!cursor-not-allowed`
+- **!decoration-transparent**: `!decoration-transparent`
+- **!icon-md**: `!icon-md`
+- **!icon-sm**: `!icon-sm`
+- **!icon-xs**: `!icon-xs`
+- **!min-w-0**: `!min-w-0`
+- **!pointer-events-auto**: `!pointer-events-auto`
+- **!text-text-tertiary**: `!text-text-tertiary`
+- **@container/field-group**: `@container/field-group`
+- **absolute**: `absolute` `absolute!`
+- **align**: `align-middle` `align-top`
+- **animate**: `animate-in` `animate-pulse` `animate-skeleton` `animate-spin`
+- **app**: `app-shell-ambient` `app-shell-ambient-bloom` `app-shell-ambient-bloom-1` `app-shell-ambient-bloom-2` `app-shell-ambient-bloom-3` `app-shell-ambient-bloom-4` `app-shell-ambient-bloom-5` `app-shell-ambient-bloom-6` `app-shell-ambient-bloom-7` `app-shell-ambient-dots` `app-shell-ambient-grain`
+- **auto**: `auto-rows-auto`
+- **backdrop**: `backdrop-blur-xs`
+- **basis**: `basis-0` `basis-1/2` `basis-1/3` `basis-1/4` `basis-1/5` `basis-1/6` `basis-1/12` `basis-2/3` `basis-2/4` `basis-2/5` `basis-2/6` `basis-2/12` `basis-3/4` `basis-3/5` `basis-3/6` `basis-3/12` `basis-4/5` `basis-4/6` `basis-4/12` `basis-5/6` `basis-5/12` `basis-6/12` `basis-7/12` `basis-8/12` `basis-9/12` `basis-10/12` `basis-11/12` `basis-20` `basis-164` `basis-auto` `basis-full`
+- **bg**: `bg-amber-50` `bg-amber-100` `bg-amber-200` `bg-amber-300` `bg-amber-400` `bg-amber-500` `bg-amber-500/16` `bg-amber-600` `bg-amber-700` `bg-amber-800` `bg-amber-900` `bg-amber-950` `bg-badge-amber-dark` `bg-badge-amber-light` `bg-badge-amber-strong` `bg-badge-badge-bg` `bg-badge-blue-dark` `bg-badge-blue-light` `bg-badge-blue-strong` `bg-badge-cyan-dark` `bg-badge-cyan-light` `bg-badge-cyan-strong` `bg-badge-emerald-dark` `bg-badge-emerald-light` `bg-badge-emerald-strong` `bg-badge-fuchsia-dark` `bg-badge-fuchsia-light` `bg-badge-fuchsia-strong` `bg-badge-gray-dark` `bg-badge-gray-dark-alt` `bg-badge-gray-light` `bg-badge-gray-strong` `bg-badge-green-dark` `bg-badge-green-light` `bg-badge-green-strong` `bg-badge-indigo-dark` `bg-badge-indigo-light` `bg-badge-indigo-strong` `bg-badge-label-primary` `bg-badge-lime-dark` `bg-badge-lime-light` `bg-badge-lime-strong` `bg-badge-neutral-dark` `bg-badge-neutral-dark-alt` `bg-badge-neutral-light` `bg-badge-neutral-strong` `bg-badge-on-solid` `bg-badge-pink-dark` `bg-badge-pink-light` `bg-badge-pink-strong` `bg-badge-purple-dark` `bg-badge-purple-light` `bg-badge-purple-strong` `bg-badge-red-dark` `bg-badge-red-light` `bg-badge-red-strong` `bg-badge-rose-dark` `bg-badge-rose-light` `bg-badge-rose-strong` `bg-badge-sky-dark` `bg-badge-sky-light` `bg-badge-sky-strong` `bg-badge-slate-dark` `bg-badge-slate-dark-alt` `bg-badge-slate-light` `bg-badge-slate-strong` `bg-badge-stone-dark` `bg-badge-stone-dark-alt` `bg-badge-stone-light` `bg-badge-stone-strong` `bg-badge-teal-dark` `bg-badge-teal-light` `bg-badge-teal-strong` `bg-badge-violet-dark` `bg-badge-violet-light` `bg-badge-violet-strong` `bg-badge-w-orange-dark` `bg-badge-w-orange-light` `bg-badge-w-orange-strong` `bg-badge-yellow-dark` `bg-badge-yellow-light` `bg-badge-yellow-strong` `bg-badge-zinc-dark` `bg-badge-zinc-dark-alt` `bg-badge-zinc-light` `bg-badge-zinc-strong` `bg-bg-ai` `bg-bg-brand` `bg-bg-danger` `bg-bg-fill-ai` `bg-bg-fill-brand` `bg-bg-fill-danger` `bg-bg-fill-info` `bg-bg-fill-success` `bg-bg-fill-warning` `bg-bg-info` `bg-bg-light-ai` `bg-bg-light-brand` `bg-bg-light-danger` `bg-bg-light-info` `bg-bg-light-primary` `bg-bg-light-success` `bg-bg-light-warning` `bg-bg-page-bg` `bg-bg-primary` `bg-bg-strong-ai` `bg-bg-strong-brand` `bg-bg-strong-danger` `bg-bg-strong-info` `bg-bg-strong-primary` `bg-bg-strong-success` `bg-bg-strong-warning` `bg-bg-success` `bg-bg-surface-1` `bg-bg-surface-2` `bg-bg-surface-2!` `bg-bg-surface-3` `bg-bg-surface-4` `bg-bg-surface-5` `bg-bg-warning` `bg-black` `bg-blue-50` `bg-blue-100` `bg-blue-200` `bg-blue-300` `bg-blue-400` `bg-blue-500` `bg-blue-500/16` `bg-blue-600` `bg-blue-700` `bg-blue-800` `bg-blue-900` `bg-blue-950` `bg-border-ai` `bg-border-brand` `bg-border-danger` `bg-border-info` `bg-border-primary` `bg-border-primary-light` `bg-border-strong-ai` `bg-border-strong-brand` `bg-border-strong-danger` `bg-border-strong-info` `bg-border-strong-primary` `bg-border-strong-success` `bg-border-strong-warning` `bg-border-success` `bg-border-warning` `bg-component-app-shell-ambient-dot` `bg-component-app-shell-bg` `bg-component-app-shell-bg-branded` `bg-component-avatar-overlay` `bg-component-border-hotkey` `bg-component-border-input-hover` `bg-component-code-snippet-bg` `bg-component-dialog-overlay` `bg-component-empty-state-medallion-bg-from` `bg-component-empty-state-medallion-bg-to` `bg-component-empty-state-medallion-border` `bg-component-input-bg` `bg-component-kbi-tooltip-bg` `bg-component-logo-ic` `bg-component-logo-wordmark` `bg-component-logo-wordmark-alt` `bg-component-outline-button-bg` `bg-component-overlay` `bg-component-switcher-bg` `bg-component-toast-bg` `bg-component-toast-ic-destructive` `bg-component-toast-ic-info` `bg-component-toast-ic-success` `bg-component-toast-ic-warning` `bg-component-tooltip-bg` `bg-cyan-50` `bg-cyan-100` `bg-cyan-200` `bg-cyan-300` `bg-cyan-400` `bg-cyan-500` `bg-cyan-500/16` `bg-cyan-600` `bg-cyan-700` `bg-cyan-800` `bg-cyan-900` `bg-cyan-950` `bg-emerald-50` `bg-emerald-100` `bg-emerald-200` `bg-emerald-300` `bg-emerald-400` `bg-emerald-500` `bg-emerald-500/16` `bg-emerald-600` `bg-emerald-700` `bg-emerald-800` `bg-emerald-900` `bg-emerald-950` `bg-focus-brand` `bg-focus-destructive` `bg-focus-destructive-hover` `bg-focus-primary` `bg-focus-ring-primary` `bg-fuchsia-50` `bg-fuchsia-100` `bg-fuchsia-200` `bg-fuchsia-300` `bg-fuchsia-400` `bg-fuchsia-500` `bg-fuchsia-500/16` `bg-fuchsia-600` `bg-fuchsia-700` `bg-fuchsia-800` `bg-fuchsia-900` `bg-fuchsia-950` `bg-gradient-to-l` `bg-gradient-to-r` `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-gray-950` `bg-green-50` `bg-green-100` `bg-green-200` `bg-green-300` `bg-green-400` `bg-green-500` `bg-green-500/16` `bg-green-600` `bg-green-700` `bg-green-800` `bg-green-900` `bg-green-950` `bg-icon-ai` `bg-icon-brand` `bg-icon-danger` `bg-icon-info` `bg-icon-primary` `bg-icon-primary-alt` `bg-icon-primary-alt-disable` `bg-icon-primary-alt-fixed` `bg-icon-primary-disable` `bg-icon-primary-fixed` `bg-icon-secondary` `bg-icon-secondary-alt` `bg-icon-success` `bg-icon-warning` `bg-indigo-50` `bg-indigo-100` `bg-indigo-200` `bg-indigo-300` `bg-indigo-400` `bg-indigo-500` `bg-indigo-500/16` `bg-indigo-600` `bg-indigo-700` `bg-indigo-800` `bg-indigo-900` `bg-indigo-950` `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-lime-950` `bg-linear-to-t` `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-neutral-950` `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-orange-950` `bg-pink-50` `bg-pink-100` `bg-pink-200` `bg-pink-300` `bg-pink-400` `bg-pink-500` `bg-pink-500/16` `bg-pink-600` `bg-pink-700` `bg-pink-800` `bg-pink-900` `bg-pink-950` `bg-purple-50` `bg-purple-100` `bg-purple-200` `bg-purple-300` `bg-purple-400` `bg-purple-500` `bg-purple-500/16` `bg-purple-600` `bg-purple-700` `bg-purple-800` `bg-purple-900` `bg-purple-950` `bg-red-50` `bg-red-100` `bg-red-200` `bg-red-300` `bg-red-400` `bg-red-500` `bg-red-500/16` `bg-red-600` `bg-red-700` `bg-red-800` `bg-red-900` `bg-red-950` `bg-rose-50` `bg-rose-100` `bg-rose-200` `bg-rose-300` `bg-rose-400` `bg-rose-500` `bg-rose-500/16` `bg-rose-600` `bg-rose-700` `bg-rose-800` `bg-rose-900` `bg-rose-950` `bg-sky-50` `bg-sky-100` `bg-sky-200` `bg-sky-300` `bg-sky-400` `bg-sky-500` `bg-sky-500/16` `bg-sky-600` `bg-sky-700` `bg-sky-800` `bg-sky-900` `bg-sky-950` `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-slate-950` `bg-slate-975` `bg-states-ai-active` `bg-states-ai-default-alt` `bg-states-ai-hover` `bg-states-ai-pressed` `bg-states-brand-active` `bg-states-brand-default-alt` `bg-states-brand-hover` `bg-states-brand-pressed` `bg-states-danger-active` `bg-states-danger-default-alt` `bg-states-danger-hover` `bg-states-danger-pressed` `bg-states-default-all` `bg-states-info-active` `bg-states-info-default-alt` `bg-states-info-hover` `bg-states-info-pressed` `bg-states-on-fill-disabled` `bg-states-on-fill-hover` `bg-states-on-fill-pressed` `bg-states-primary-active` `bg-states-primary-alt-active` `bg-states-primary-alt-default-alt` `bg-states-primary-alt-hover` `bg-states-primary-alt-pressed` `bg-states-primary-default-alt` `bg-states-primary-hover` `bg-states-primary-pressed` `bg-states-success-active` `bg-states-success-default-alt` `bg-states-success-hover` `bg-states-success-pressed` `bg-states-warning-active` `bg-states-warning-default-alt` `bg-states-warning-hover` `bg-states-warning-pressed` `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-stone-950` `bg-syntax-attr-name` `bg-syntax-attr-value` `bg-syntax-attribute` `bg-syntax-boolean` `bg-syntax-builtin` `bg-syntax-class-name` `bg-syntax-comment` `bg-syntax-constant` `bg-syntax-function` `bg-syntax-highlight-ai-code` `bg-syntax-highlight-ai-highlight` `bg-syntax-highlight-ai-indicator` `bg-syntax-highlight-brand-code` `bg-syntax-highlight-brand-highlight` `bg-syntax-highlight-brand-indicator` `bg-syntax-highlight-error-code` `bg-syntax-highlight-error-highlight` `bg-syntax-highlight-error-indicator` `bg-syntax-highlight-info-code` `bg-syntax-highlight-info-highlight` `bg-syntax-highlight-info-indicator` `bg-syntax-highlight-neutral-code` `bg-syntax-highlight-neutral-highlight` `bg-syntax-highlight-neutral-indicator` `bg-syntax-highlight-selected-code` `bg-syntax-highlight-selected-highlight` `bg-syntax-highlight-success-code` `bg-syntax-highlight-success-highlight` `bg-syntax-highlight-success-indicator` `bg-syntax-highlight-warning-code` `bg-syntax-highlight-warning-highlight` `bg-syntax-highlight-warning-indicator` `bg-syntax-keyword` `bg-syntax-no-syntax` `bg-syntax-number` `bg-syntax-number-boolean` `bg-syntax-operator` `bg-syntax-property` `bg-syntax-punctuation` `bg-syntax-regex` `bg-syntax-string` `bg-syntax-tag` `bg-syntax-type` `bg-syntax-variable` `bg-teal-50` `bg-teal-100` `bg-teal-200` `bg-teal-300` `bg-teal-400` `bg-teal-500` `bg-teal-500/16` `bg-teal-600` `bg-teal-700` `bg-teal-800` `bg-teal-900` `bg-teal-950` `bg-text-ai` `bg-text-brand` `bg-text-danger` `bg-text-disable-ai` `bg-text-disable-brand` `bg-text-disable-danger` `bg-text-disable-info` `bg-text-disable-primary` `bg-text-disable-primary-alt` `bg-text-disable-succes` `bg-text-disable-warning` `bg-text-hint` `bg-text-info` `bg-text-link-default` `bg-text-link-default-alt` `bg-text-link-hover` `bg-text-link-hover-alt` `bg-text-primary` `bg-text-primary-alt` `bg-text-primary-alt-fixed` `bg-text-primary-fixed` `bg-text-secondary` `bg-text-secondary-alt` `bg-text-success` `bg-text-tertiary` `bg-text-tertiary-alt` `bg-text-warning` `bg-transparent` `bg-violet-50` `bg-violet-100` `bg-violet-200` `bg-violet-300` `bg-violet-400` `bg-violet-500` `bg-violet-500/16` `bg-violet-600` `bg-violet-700` `bg-violet-800` `bg-violet-900` `bg-violet-950` `bg-w-orange-50` `bg-w-orange-100` `bg-w-orange-200` `bg-w-orange-300` `bg-w-orange-400` `bg-w-orange-500` `bg-w-orange-500/16` `bg-w-orange-600` `bg-w-orange-700` `bg-w-orange-800` `bg-w-orange-900` `bg-w-orange-950` `bg-white` `bg-yellow-50` `bg-yellow-100` `bg-yellow-200` `bg-yellow-300` `bg-yellow-400` `bg-yellow-500` `bg-yellow-500/16` `bg-yellow-600` `bg-yellow-700` `bg-yellow-800` `bg-yellow-900` `bg-yellow-950` `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-zinc-950`
+- **block**: `block`
+- **blur**: `blur`
+- **border**: `border` `border-0` `border-1` `border-2` `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-amber-950` `border-b` `border-b-0` `border-b-1` `border-b-2` `border-b-border-brand` `border-badge-amber-dark` `border-badge-amber-light` `border-badge-amber-strong` `border-badge-badge-bg` `border-badge-blue-dark` `border-badge-blue-light` `border-badge-blue-strong` `border-badge-cyan-dark` `border-badge-cyan-light` `border-badge-cyan-strong` `border-badge-emerald-dark` `border-badge-emerald-light` `border-badge-emerald-strong` `border-badge-fuchsia-dark` `border-badge-fuchsia-light` `border-badge-fuchsia-strong` `border-badge-gray-dark` `border-badge-gray-dark-alt` `border-badge-gray-light` `border-badge-gray-strong` `border-badge-green-dark` `border-badge-green-light` `border-badge-green-strong` `border-badge-indigo-dark` `border-badge-indigo-light` `border-badge-indigo-strong` `border-badge-label-primary` `border-badge-lime-dark` `border-badge-lime-light` `border-badge-lime-strong` `border-badge-neutral-dark` `border-badge-neutral-dark-alt` `border-badge-neutral-light` `border-badge-neutral-strong` `border-badge-on-solid` `border-badge-pink-dark` `border-badge-pink-light` `border-badge-pink-strong` `border-badge-purple-dark` `border-badge-purple-light` `border-badge-purple-strong` `border-badge-red-dark` `border-badge-red-light` `border-badge-red-strong` `border-badge-rose-dark` `border-badge-rose-light` `border-badge-rose-strong` `border-badge-sky-dark` `border-badge-sky-light` `border-badge-sky-strong` `border-badge-slate-dark` `border-badge-slate-dark-alt` `border-badge-slate-light` `border-badge-slate-strong` `border-badge-stone-dark` `border-badge-stone-dark-alt` `border-badge-stone-light` `border-badge-stone-strong` `border-badge-teal-dark` `border-badge-teal-light` `border-badge-teal-strong` `border-badge-violet-dark` `border-badge-violet-light` `border-badge-violet-strong` `border-badge-w-orange-dark` `border-badge-w-orange-light` `border-badge-w-orange-strong` `border-badge-yellow-dark` `border-badge-yellow-light` `border-badge-yellow-strong` `border-badge-zinc-dark` `border-badge-zinc-dark-alt` `border-badge-zinc-light` `border-badge-zinc-strong` `border-bg-ai` `border-bg-brand` `border-bg-danger` `border-bg-fill-ai` `border-bg-fill-brand` `border-bg-fill-danger` `border-bg-fill-info` `border-bg-fill-success` `border-bg-fill-warning` `border-bg-info` `border-bg-light-ai` `border-bg-light-brand` `border-bg-light-danger` `border-bg-light-info` `border-bg-light-primary` `border-bg-light-success` `border-bg-light-warning` `border-bg-page-bg` `border-bg-primary` `border-bg-strong-ai` `border-bg-strong-brand` `border-bg-strong-danger` `border-bg-strong-info` `border-bg-strong-primary` `border-bg-strong-success` `border-bg-strong-warning` `border-bg-success` `border-bg-surface-1` `border-bg-surface-2` `border-bg-surface-3` `border-bg-surface-4` `border-bg-surface-5` `border-bg-warning` `border-black` `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-blue-950` `border-border-ai` `border-border-brand` `border-border-danger` `border-border-info` `border-border-primary` `border-border-primary-light` `border-border-primary-light!` `border-border-primary/60` `border-border-strong-ai` `border-border-strong-brand` `border-border-strong-danger` `border-border-strong-info` `border-border-strong-primary` `border-border-strong-success` `border-border-strong-warning` `border-border-success` `border-border-warning` `border-collapse` `border-component-app-shell-ambient-dot` `border-component-app-shell-bg` `border-component-app-shell-bg-branded` `border-component-avatar-overlay` `border-component-border-hotkey` `border-component-border-input-hover` `border-component-code-snippet-bg` `border-component-dialog-overlay` `border-component-empty-state-medallion-bg-from` `border-component-empty-state-medallion-bg-to` `border-component-empty-state-medallion-border` `border-component-input-bg` `border-component-kbi-tooltip-bg` `border-component-logo-ic` `border-component-logo-wordmark` `border-component-logo-wordmark-alt` `border-component-outline-button-bg` `border-component-overlay` `border-component-switcher-bg` `border-component-toast-bg` `border-component-toast-ic-destructive` `border-component-toast-ic-info` `border-component-toast-ic-success` `border-component-toast-ic-warning` `border-component-tooltip-bg` `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-cyan-950` `border-dashed` `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-emerald-950` `border-focus-brand` `border-focus-destructive` `border-focus-destructive-hover` `border-focus-primary` `border-focus-ring-primary` `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-fuchsia-950` `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-gray-950` `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-green-950` `border-icon-ai` `border-icon-brand` `border-icon-danger` `border-icon-info` `border-icon-primary` `border-icon-primary-alt` `border-icon-primary-alt-disable` `border-icon-primary-alt-fixed` `border-icon-primary-disable` `border-icon-primary-fixed` `border-icon-secondary` `border-icon-secondary-alt` `border-icon-success` `border-icon-warning` `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-indigo-950` `border-l` `border-l-0` `border-l-1` `border-l-2` `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-lime-950` `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-neutral-950` `border-none` `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-orange-950` `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-pink-950` `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-purple-950` `border-r` `border-r-0` `border-r-1` `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-red-950` `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` `border-rose-950` `border-s-2` `border-separate` `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-sky-950` `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-slate-950` `border-slate-975` `border-solid` `border-spacing-0` `border-states-ai-active` `border-states-ai-default-alt` `border-states-ai-hover` `border-states-ai-pressed` `border-states-brand-active` `border-states-brand-default-alt` `border-states-brand-hover` `border-states-brand-pressed` `border-states-danger-active` `border-states-danger-default-alt` `border-states-danger-hover` `border-states-danger-pressed` `border-states-default-all` `border-states-info-active` `border-states-info-default-alt` `border-states-info-hover` `border-states-info-pressed` `border-states-on-fill-disabled` `border-states-on-fill-hover` `border-states-on-fill-pressed` `border-states-primary-active` `border-states-primary-alt-active` `border-states-primary-alt-default-alt` `border-states-primary-alt-hover` `border-states-primary-alt-pressed` `border-states-primary-default-alt` `border-states-primary-hover` `border-states-primary-pressed` `border-states-success-active` `border-states-success-default-alt` `border-states-success-hover` `border-states-success-pressed` `border-states-warning-active` `border-states-warning-default-alt` `border-states-warning-hover` `border-states-warning-pressed` `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-stone-950` `border-syntax-attr-name` `border-syntax-attr-value` `border-syntax-attribute` `border-syntax-boolean` `border-syntax-builtin` `border-syntax-class-name` `border-syntax-comment` `border-syntax-constant` `border-syntax-function` `border-syntax-highlight-ai-code` `border-syntax-highlight-ai-highlight` `border-syntax-highlight-ai-indicator` `border-syntax-highlight-brand-code` `border-syntax-highlight-brand-highlight` `border-syntax-highlight-brand-indicator` `border-syntax-highlight-error-code` `border-syntax-highlight-error-highlight` `border-syntax-highlight-error-indicator` `border-syntax-highlight-info-code` `border-syntax-highlight-info-highlight` `border-syntax-highlight-info-indicator` `border-syntax-highlight-neutral-code` `border-syntax-highlight-neutral-highlight` `border-syntax-highlight-neutral-indicator` `border-syntax-highlight-selected-code` `border-syntax-highlight-selected-highlight` `border-syntax-highlight-success-code` `border-syntax-highlight-success-highlight` `border-syntax-highlight-success-indicator` `border-syntax-highlight-warning-code` `border-syntax-highlight-warning-highlight` `border-syntax-highlight-warning-indicator` `border-syntax-keyword` `border-syntax-no-syntax` `border-syntax-number` `border-syntax-number-boolean` `border-syntax-operator` `border-syntax-property` `border-syntax-punctuation` `border-syntax-regex` `border-syntax-string` `border-syntax-tag` `border-syntax-type` `border-syntax-variable` `border-t` `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-teal-950` `border-text-ai` `border-text-brand` `border-text-danger` `border-text-disable-ai` `border-text-disable-brand` `border-text-disable-danger` `border-text-disable-info` `border-text-disable-primary` `border-text-disable-primary-alt` `border-text-disable-succes` `border-text-disable-warning` `border-text-hint` `border-text-info` `border-text-link-default` `border-text-link-default-alt` `border-text-link-hover` `border-text-link-hover-alt` `border-text-primary` `border-text-primary-alt` `border-text-primary-alt-fixed` `border-text-primary-fixed` `border-text-secondary` `border-text-secondary-alt` `border-text-success` `border-text-tertiary` `border-text-tertiary-alt` `border-text-warning` `border-transparent` `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-violet-950` `border-w-orange-50` `border-w-orange-100` `border-w-orange-200` `border-w-orange-300` `border-w-orange-400` `border-w-orange-500` `border-w-orange-600` `border-w-orange-700` `border-w-orange-800` `border-w-orange-900` `border-w-orange-950` `border-white` `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-yellow-950` `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-zinc-950`
+- **bottom**: `bottom-0` `bottom-2` `bottom-3` `bottom-7` `bottom-12` `bottom-24` `bottom-32`
+- **box**: `box-border`
+- **break**: `break-all` `break-normal` `break-words`
+- **capitalize**: `capitalize`
+- **cm**: `cm-editor`
+- **code**: `code-snippet-bg`
+- **col**: `col-span-1` `col-span-2` `col-span-3` `col-span-4` `col-span-5` `col-span-6` `col-span-7` `col-span-8` `col-span-9` `col-span-10` `col-span-11` `col-span-12` `col-span-full` `col-start-1` `col-start-2`
+- **collapse**: `collapse`
+- **container**: `container`
+- **content**: `content-stretch`
+- **contents**: `contents`
+- **cursor**: `cursor-col-resize` `cursor-default` `cursor-ew-resize` `cursor-grab` `cursor-help` `cursor-not-allowed` `cursor-pointer` `cursor-row-resize` `cursor-text`
+- **decoration**: `decoration-dashed` `decoration-transparent`
+- **divide**: `divide-border-ai` `divide-border-brand` `divide-border-danger` `divide-border-info` `divide-border-primary` `divide-border-primary-light` `divide-border-strong-ai` `divide-border-strong-brand` `divide-border-strong-danger` `divide-border-strong-info` `divide-border-strong-primary` `divide-border-strong-success` `divide-border-strong-warning` `divide-border-success` `divide-border-warning` `divide-x` `divide-y`
+- **duration**: `duration-150` `duration-200` `duration-300` `duration-500`
+- **ease**: `ease-in` `ease-in-out` `ease-out`
+- **empty**: `empty-state-medallion`
+- **fade**: `fade-in` `fade-in-0`
+- **fill**: `fill-emerald-500` `fill-fuchsia-500` `fill-sky-500` `fill-violet-500` `fill-yellow-500`
+- **filter**: `filter`
+- **fixed**: `fixed`
+- **flex**: `flex` `flex-1` `flex-auto` `flex-col` `flex-col-reverse` `flex-grow` `flex-grow-0` `flex-none` `flex-nowrap` `flex-row` `flex-row-reverse` `flex-shrink` `flex-shrink-0` `flex-wrap` `flex-wrap-reverse`
+- **font**: `font-bold` `font-light` `font-medium` `font-mono` `font-normal` `font-pixel` `font-sans` `font-sans-display` `font-semibold`
+- **from**: `from-60%` `from-bg-light-brand` `from-white`
+- **gap**: `gap-0` `gap-0.5` `gap-1` `gap-2` `gap-4` `gap-5` `gap-6` `gap-8` `gap-10` `gap-12` `gap-16` `gap-20` `gap-24` `gap-28` `gap-32` `gap-36` `gap-40` `gap-44` `gap-48` `gap-56` `gap-64` `gap-80` `gap-96` `gap-112` `gap-128` `gap-144` `gap-none` `gap-x-1` `gap-x-2` `gap-x-4` `gap-x-6` `gap-x-8` `gap-x-12` `gap-x-16` `gap-x-20` `gap-x-24` `gap-x-28` `gap-x-32` `gap-x-36` `gap-x-40` `gap-x-44` `gap-x-48` `gap-x-56` `gap-x-64` `gap-x-80` `gap-x-96` `gap-x-112` `gap-x-128` `gap-x-144` `gap-x-none` `gap-y-0` `gap-y-1` `gap-y-2` `gap-y-4` `gap-y-6` `gap-y-8` `gap-y-12` `gap-y-16` `gap-y-20` `gap-y-24` `gap-y-28` `gap-y-32` `gap-y-36` `gap-y-40` `gap-y-44` `gap-y-48` `gap-y-56` `gap-y-64` `gap-y-80` `gap-y-96` `gap-y-112` `gap-y-128` `gap-y-144` `gap-y-none`
+- **grayscale**: `grayscale`
+- **grid**: `grid` `grid-cols-1` `grid-cols-2` `grid-cols-3` `grid-cols-4` `grid-cols-5` `grid-cols-6` `grid-cols-7` `grid-cols-8` `grid-cols-9` `grid-cols-10` `grid-cols-11` `grid-cols-12` `grid-flow-col` `grid-flow-row`
+- **group**: `group` `group/avatar` `group/cell` `group/chart` `group/chip` `group/field` `group/filter-input` `group/input-group` `group/item` `group/message` `group/row` `group/scroll` `group/trigger`
+- **grow**: `grow` `grow-0`
+- **h**: `h-0` `h-1` `h-2` `h-4` `h-6` `h-8` `h-10` `h-11` `h-12` `h-14` `h-16` `h-20` `h-22` `h-24` `h-26` `h-28` `h-30` `h-32` `h-36` `h-40` `h-44` `h-48` `h-56` `h-64` `h-80` `h-96` `h-112` `h-128` `h-144` `h-192` `h-200` `h-240` `h-290` `h-300` `h-320` `h-400` `h-500` `h-600` `h-640` `h-800` `h-auto` `h-fit` `h-full` `h-lh` `h-max` `h-none` `h-px` `h-screen`
+- **hidden**: `hidden`
+- **icon**: `icon-2xl` `icon-inherit` `icon-lg` `icon-md` `icon-sm` `icon-xl` `icon-xs`
+- **inline**: `inline` `inline-block` `inline-flex` `inline-grid`
+- **inset**: `inset-0` `inset-16` `inset-x-0` `inset-y-0`
+- **invisible**: `invisible`
+- **isolate**: `isolate`
+- **italic**: `italic`
+- **items**: `items-baseline` `items-center` `items-end` `items-start` `items-stretch`
+- **justify**: `justify-around` `justify-between` `justify-center` `justify-end` `justify-evenly` `justify-start`
+- **leading**: `leading-2xs` `leading-3xl` `leading-4` `leading-5` `leading-7xl` `leading-28` `leading-base` `leading-none` `leading-normal` `leading-relaxed` `leading-sm` `leading-snug` `leading-tight` `leading-xl` `leading-xs`
+- **left**: `left-0` `left-1/2` `left-1/3` `left-2` `left-2/3` `left-4` `left-8` `left-12` `left-16`
+- **lg**: `lg-blob` `lg-frame` `lg-mesh`
+- **line**: `line-clamp-1` `line-clamp-2` `line-clamp-3` `line-clamp-4` `line-clamp-5` `line-clamp-6` `line-through`
+- **list**: `list-decimal` `list-disc` `list-item` `list-none`
+- **lowercase**: `lowercase`
+- **m**: `m-0` `m-1` `m-2` `m-4` `m-6` `m-8` `m-12` `m-16` `m-20` `m-24` `m-28` `m-32` `m-36` `m-40` `m-44` `m-48` `m-56` `m-64` `m-80` `m-96` `m-112` `m-128` `m-144` `m-none`
+- **max**: `max-h-1` `max-h-2` `max-h-4` `max-h-6` `max-h-8` `max-h-12` `max-h-16` `max-h-20` `max-h-24` `max-h-28` `max-h-32` `max-h-36` `max-h-40` `max-h-44` `max-h-48` `max-h-56` `max-h-64` `max-h-80` `max-h-96` `max-h-112` `max-h-128` `max-h-144` `max-h-220` `max-h-340` `max-h-none` `max-h-screen` `max-w-1` `max-w-2` `max-w-2xl` `max-w-3xl` `max-w-4` `max-w-4xl` `max-w-5xl` `max-w-6` `max-w-6xl` `max-w-7xl` `max-w-8` `max-w-12` `max-w-16` `max-w-20` `max-w-24` `max-w-28` `max-w-32` `max-w-36` `max-w-40` `max-w-44` `max-w-48` `max-w-56` `max-w-64` `max-w-80` `max-w-96` `max-w-112` `max-w-120` `max-w-128` `max-w-144` `max-w-160` `max-w-180` `max-w-240` `max-w-320` `max-w-360` `max-w-375` `max-w-768` `max-w-920` `max-w-full` `max-w-lg` `max-w-md` `max-w-none` `max-w-screen` `max-w-screen-2xl` `max-w-screen-lg` `max-w-screen-md` `max-w-screen-sm` `max-w-screen-xl` `max-w-sm` `max-w-xl` `max-w-xs`
+- **mb**: `mb-1` `mb-2` `mb-3` `mb-4` `mb-6` `mb-8` `mb-12` `mb-16` `mb-20` `mb-24` `mb-28` `mb-32` `mb-36` `mb-40` `mb-44` `mb-48` `mb-56` `mb-64` `mb-80` `mb-96` `mb-112` `mb-128` `mb-144` `mb-auto` `mb-none`
+- **min**: `min-h-0` `min-h-1` `min-h-2` `min-h-4` `min-h-6` `min-h-8` `min-h-12` `min-h-16` `min-h-20` `min-h-24` `min-h-28` `min-h-32` `min-h-36` `min-h-40` `min-h-42` `min-h-44` `min-h-48` `min-h-56` `min-h-64` `min-h-80` `min-h-96` `min-h-112` `min-h-128` `min-h-144` `min-h-196` `min-h-full` `min-h-lh` `min-h-none` `min-h-screen` `min-w-0` `min-w-0!` `min-w-1` `min-w-2` `min-w-4` `min-w-6` `min-w-8` `min-w-12` `min-w-16` `min-w-20` `min-w-24` `min-w-28` `min-w-32` `min-w-36` `min-w-40` `min-w-44` `min-w-48` `min-w-56` `min-w-64` `min-w-72` `min-w-80` `min-w-96` `min-w-112` `min-w-118` `min-w-128` `min-w-144` `min-w-156` `min-w-160` `min-w-240` `min-w-256` `min-w-284` `min-w-300` `min-w-320` `min-w-800` `min-w-full` `min-w-none` `min-w-px`
+- **ml**: `ml-1` `ml-2` `ml-4` `ml-6` `ml-8` `ml-12` `ml-16` `ml-20` `ml-24` `ml-26` `ml-28` `ml-32` `ml-36` `ml-40` `ml-44` `ml-48` `ml-56` `ml-64` `ml-80` `ml-96` `ml-112` `ml-128` `ml-144` `ml-auto` `ml-none`
+- **mr**: `mr-1` `mr-2` `mr-3` `mr-4` `mr-6` `mr-8` `mr-12` `mr-16` `mr-20` `mr-24` `mr-28` `mr-32` `mr-36` `mr-40` `mr-44` `mr-48` `mr-56` `mr-64` `mr-80` `mr-96` `mr-112` `mr-128` `mr-144` `mr-auto` `mr-none`
+- **ms**: `ms-auto`
+- **mt**: `mt-1` `mt-2` `mt-4` `mt-6` `mt-8` `mt-10` `mt-12` `mt-16` `mt-20` `mt-24` `mt-28` `mt-32` `mt-36` `mt-40` `mt-44` `mt-48` `mt-56` `mt-64` `mt-80` `mt-96` `mt-112` `mt-128` `mt-144` `mt-auto` `mt-none`
+- **mx**: `mx-1` `mx-2` `mx-4` `mx-6` `mx-8` `mx-12` `mx-16` `mx-20` `mx-24` `mx-28` `mx-32` `mx-36` `mx-40` `mx-44` `mx-48` `mx-56` `mx-64` `mx-80` `mx-96` `mx-112` `mx-128` `mx-144` `mx-auto` `mx-none`
+- **my**: `my-1` `my-2` `my-4` `my-6` `my-8` `my-12` `my-16` `my-20` `my-24` `my-28` `my-32` `my-36` `my-40` `my-44` `my-48` `my-56` `my-64` `my-80` `my-96` `my-112` `my-128` `my-144` `my-auto` `my-none`
+- **no**: `no-underline`
+- **normal**: `normal-case`
+- **not**: `not-italic`
+- **object**: `object-contain` `object-cover`
+- **opacity**: `opacity-0` `opacity-5` `opacity-12` `opacity-30` `opacity-40` `opacity-45` `opacity-50` `opacity-55` `opacity-60` `opacity-90` `opacity-100`
+- **order**: `order-first` `order-last`
+- **ordinal**: `ordinal`
+- **origin**: `origin-left` `origin-top`
+- **outline**: `outline` `outline-none` `outline-states-brand-pressed`
+- **overflow**: `overflow-auto` `overflow-clip` `overflow-hidden` `overflow-visible` `overflow-x-auto` `overflow-x-clip` `overflow-x-hidden` `overflow-y-auto`
+- **overlay**: `overlay` `overlay-states-brand-active` `overlay-states-primary-active` `overlay-states-primary-hover`
+- **overscroll**: `overscroll-contain` `overscroll-none`
+- **p**: `p-0` `p-1` `p-2` `p-4` `p-6` `p-8` `p-12` `p-16` `p-20` `p-24` `p-28` `p-32` `p-36` `p-40` `p-44` `p-48` `p-56` `p-64` `p-80` `p-96` `p-112` `p-128` `p-144` `p-none`
+- **paused**: `paused`
+- **pb**: `pb-0` `pb-1` `pb-2` `pb-4` `pb-6` `pb-8` `pb-11` `pb-12` `pb-16` `pb-20` `pb-24` `pb-28` `pb-32` `pb-36` `pb-40` `pb-44` `pb-48` `pb-56` `pb-64` `pb-80` `pb-96` `pb-112` `pb-128` `pb-144` `pb-none`
+- **pe**: `pe-3`
+- **pl**: `pl-0` `pl-1` `pl-2` `pl-4` `pl-6` `pl-7` `pl-8` `pl-10` `pl-12` `pl-16` `pl-20` `pl-24` `pl-28` `pl-32` `pl-36` `pl-40` `pl-44` `pl-48` `pl-56` `pl-64` `pl-80` `pl-96` `pl-112` `pl-128` `pl-144` `pl-none`
+- **place**: `place-items-center`
+- **pointer**: `pointer-events-auto` `pointer-events-none`
+- **pr**: `pr-0` `pr-1` `pr-2` `pr-4` `pr-6` `pr-8` `pr-10` `pr-12` `pr-16` `pr-20` `pr-24` `pr-28` `pr-32` `pr-36` `pr-40` `pr-44` `pr-48` `pr-56` `pr-64` `pr-80` `pr-96` `pr-112` `pr-128` `pr-144` `pr-none`
+- **ps**: `ps-12` `ps-18` `ps-21`
+- **pt**: `pt-0` `pt-1` `pt-2` `pt-4` `pt-6` `pt-8` `pt-9` `pt-12` `pt-16` `pt-20` `pt-24` `pt-28` `pt-32` `pt-36` `pt-40` `pt-44` `pt-48` `pt-56` `pt-64` `pt-80` `pt-96` `pt-103` `pt-112` `pt-128` `pt-144` `pt-none`
+- **px**: `px-0` `px-1` `px-2` `px-3` `px-4` `px-5` `px-6` `px-8` `px-8!` `px-10` `px-11` `px-12` `px-16` `px-20` `px-24` `px-28` `px-32` `px-36` `px-40` `px-44` `px-48` `px-56` `px-64` `px-80` `px-96` `px-112` `px-128` `px-144` `px-none` `px-px`
+- **py**: `py-0` `py-1` `py-2` `py-4` `py-6` `py-6!` `py-8` `py-10` `py-12` `py-16` `py-20` `py-24` `py-28` `py-32` `py-36` `py-40` `py-44` `py-48` `py-56` `py-64` `py-80` `py-96` `py-112` `py-128` `py-144` `py-none`
+- **recharts**: `recharts-area` `recharts-bar` `recharts-line` `recharts-wrapper`
+- **relative**: `relative`
+- **resize**: `resize` `resize-none`
+- **right**: `right-0` `right-2` `right-4` `right-8` `right-16` `right-24`
+- **ring**: `ring` `ring-0` `ring-focus-primary`
+- **rotate**: `rotate-90`
+- **rounded**: `rounded` `rounded-2` `rounded-4` `rounded-6` `rounded-8` `rounded-10` `rounded-12` `rounded-16` `rounded-24` `rounded-32` `rounded-b-12` `rounded-b-16` `rounded-full` `rounded-full!` `rounded-l-none` `rounded-lg` `rounded-md` `rounded-none` `rounded-r-8` `rounded-r-none` `rounded-t-12` `rounded-tl-12` `rounded-tr-6` `rounded-tr-12`
+- **row**: `row-span-1` `row-span-2` `row-span-3` `row-span-4` `row-span-5` `row-span-6` `row-span-7` `row-span-8` `row-span-9` `row-span-10` `row-span-11` `row-span-12` `row-span-full` `row-start-1` `row-start-2`
+- **running**: `running`
+- **scroll**: `scroll-mt-32`
+- **select**: `select-all` `select-none`
+- **self**: `self-center` `self-end` `self-start` `self-stretch`
+- **shadow**: `shadow` `shadow-2xl` `shadow-2xs` `shadow-empty-state-medallion` `shadow-lg` `shadow-md` `shadow-none` `shadow-sm` `shadow-xl` `shadow-xs`
+- **shimmer**: `shimmer-text`
+- **shrink**: `shrink` `shrink-0`
+- **size**: `size-6` `size-8` `size-12` `size-16` `size-20` `size-24` `size-32` `size-36` `size-48` `size-full`
+- **space**: `space-x-0` `space-x-1` `space-x-2` `space-x-4` `space-x-6` `space-x-8` `space-x-12` `space-x-16` `space-x-20` `space-x-24` `space-x-28` `space-x-32` `space-x-36` `space-x-40` `space-x-44` `space-x-48` `space-x-56` `space-x-64` `space-x-80` `space-x-96` `space-x-112` `space-x-128` `space-x-144` `space-x-none` `space-y-0` `space-y-1` `space-y-2` `space-y-4` `space-y-6` `space-y-8` `space-y-12` `space-y-16` `space-y-20` `space-y-24` `space-y-28` `space-y-32` `space-y-36` `space-y-40` `space-y-44` `space-y-48` `space-y-56` `space-y-64` `space-y-80` `space-y-96` `space-y-112` `space-y-128` `space-y-144` `space-y-none`
+- **sr**: `sr-only`
+- **static**: `static`
+- **sticky**: `sticky`
+- **table**: `table` `table-cell` `table-fixed`
+- **tabular**: `tabular-nums`
+- **text**: `text-2xl` `text-2xs` `text-3xl` `text-4xl` `text-5xl` `text-6xl` `text-7xl` `text-amber-50` `text-amber-100` `text-amber-200` `text-amber-300` `text-amber-400` `text-amber-500` `text-amber-600` `text-amber-700` `text-amber-800` `text-amber-900` `text-amber-950` `text-badge-amber-dark` `text-badge-amber-light` `text-badge-amber-strong` `text-badge-badge-bg` `text-badge-blue-dark` `text-badge-blue-light` `text-badge-blue-strong` `text-badge-cyan-dark` `text-badge-cyan-light` `text-badge-cyan-strong` `text-badge-emerald-dark` `text-badge-emerald-light` `text-badge-emerald-strong` `text-badge-fuchsia-dark` `text-badge-fuchsia-light` `text-badge-fuchsia-strong` `text-badge-gray-dark` `text-badge-gray-dark-alt` `text-badge-gray-light` `text-badge-gray-strong` `text-badge-green-dark` `text-badge-green-light` `text-badge-green-strong` `text-badge-indigo-dark` `text-badge-indigo-light` `text-badge-indigo-strong` `text-badge-label-primary` `text-badge-lime-dark` `text-badge-lime-light` `text-badge-lime-strong` `text-badge-neutral-dark` `text-badge-neutral-dark-alt` `text-badge-neutral-light` `text-badge-neutral-strong` `text-badge-on-solid` `text-badge-pink-dark` `text-badge-pink-light` `text-badge-pink-strong` `text-badge-purple-dark` `text-badge-purple-light` `text-badge-purple-strong` `text-badge-red-dark` `text-badge-red-light` `text-badge-red-strong` `text-badge-rose-dark` `text-badge-rose-light` `text-badge-rose-strong` `text-badge-sky-dark` `text-badge-sky-light` `text-badge-sky-strong` `text-badge-slate-dark` `text-badge-slate-dark-alt` `text-badge-slate-light` `text-badge-slate-strong` `text-badge-stone-dark` `text-badge-stone-dark-alt` `text-badge-stone-light` `text-badge-stone-strong` `text-badge-teal-dark` `text-badge-teal-light` `text-badge-teal-strong` `text-badge-violet-dark` `text-badge-violet-light` `text-badge-violet-strong` `text-badge-w-orange-dark` `text-badge-w-orange-light` `text-badge-w-orange-strong` `text-badge-yellow-dark` `text-badge-yellow-light` `text-badge-yellow-strong` `text-badge-zinc-dark` `text-badge-zinc-dark-alt` `text-badge-zinc-light` `text-badge-zinc-strong` `text-base` `text-bg-ai` `text-bg-brand` `text-bg-danger` `text-bg-fill-ai` `text-bg-fill-brand` `text-bg-fill-danger` `text-bg-fill-info` `text-bg-fill-success` `text-bg-fill-warning` `text-bg-info` `text-bg-light-ai` `text-bg-light-brand` `text-bg-light-danger` `text-bg-light-info` `text-bg-light-primary` `text-bg-light-success` `text-bg-light-warning` `text-bg-page-bg` `text-bg-primary` `text-bg-strong-ai` `text-bg-strong-brand` `text-bg-strong-danger` `text-bg-strong-info` `text-bg-strong-primary` `text-bg-strong-success` `text-bg-strong-warning` `text-bg-success` `text-bg-surface-1` `text-bg-surface-2` `text-bg-surface-3` `text-bg-surface-4` `text-bg-surface-5` `text-bg-warning` `text-black` `text-blue-50` `text-blue-100` `text-blue-200` `text-blue-300` `text-blue-400` `text-blue-500` `text-blue-600` `text-blue-700` `text-blue-800` `text-blue-900` `text-blue-950` `text-border-ai` `text-border-brand` `text-border-danger` `text-border-info` `text-border-primary` `text-border-primary-light` `text-border-strong-ai` `text-border-strong-brand` `text-border-strong-danger` `text-border-strong-info` `text-border-strong-primary` `text-border-strong-success` `text-border-strong-warning` `text-border-success` `text-border-warning` `text-center` `text-component-app-shell-ambient-dot` `text-component-app-shell-bg` `text-component-app-shell-bg-branded` `text-component-avatar-overlay` `text-component-border-hotkey` `text-component-border-input-hover` `text-component-code-snippet-bg` `text-component-dialog-overlay` `text-component-empty-state-medallion-bg-from` `text-component-empty-state-medallion-bg-to` `text-component-empty-state-medallion-border` `text-component-input-bg` `text-component-kbi-tooltip-bg` `text-component-logo-ic` `text-component-logo-wordmark` `text-component-logo-wordmark-alt` `text-component-outline-button-bg` `text-component-overlay` `text-component-switcher-bg` `text-component-toast-bg` `text-component-toast-ic-destructive` `text-component-toast-ic-info` `text-component-toast-ic-success` `text-component-toast-ic-warning` `text-component-tooltip-bg` `text-current` `text-cyan-50` `text-cyan-100` `text-cyan-200` `text-cyan-300` `text-cyan-400` `text-cyan-500` `text-cyan-600` `text-cyan-700` `text-cyan-800` `text-cyan-900` `text-cyan-950` `text-ellipsis` `text-emerald-50` `text-emerald-100` `text-emerald-200` `text-emerald-300` `text-emerald-400` `text-emerald-500` `text-emerald-600` `text-emerald-700` `text-emerald-800` `text-emerald-900` `text-emerald-950` `text-focus-brand` `text-focus-destructive` `text-focus-destructive-hover` `text-focus-primary` `text-focus-ring-primary` `text-fuchsia-50` `text-fuchsia-100` `text-fuchsia-200` `text-fuchsia-300` `text-fuchsia-400` `text-fuchsia-500` `text-fuchsia-600` `text-fuchsia-700` `text-fuchsia-800` `text-fuchsia-900` `text-fuchsia-950` `text-gray-50` `text-gray-100` `text-gray-200` `text-gray-300` `text-gray-400` `text-gray-500` `text-gray-600` `text-gray-700` `text-gray-800` `text-gray-900` `text-gray-950` `text-green-50` `text-green-100` `text-green-200` `text-green-300` `text-green-400` `text-green-500` `text-green-600` `text-green-700` `text-green-800` `text-green-900` `text-green-950` `text-icon-ai` `text-icon-brand` `text-icon-danger` `text-icon-info` `text-icon-primary` `text-icon-primary-alt` `text-icon-primary-alt-disable` `text-icon-primary-alt-fixed` `text-icon-primary-disable` `text-icon-primary-fixed` `text-icon-secondary` `text-icon-secondary-alt` `text-icon-success` `text-icon-warning` `text-indigo-50` `text-indigo-100` `text-indigo-200` `text-indigo-300` `text-indigo-400` `text-indigo-500` `text-indigo-600` `text-indigo-700` `text-indigo-800` `text-indigo-900` `text-indigo-950` `text-inherit` `text-left` `text-lg` `text-lime-50` `text-lime-100` `text-lime-200` `text-lime-300` `text-lime-400` `text-lime-500` `text-lime-600` `text-lime-700` `text-lime-800` `text-lime-900` `text-lime-950` `text-md` `text-neutral-50` `text-neutral-100` `text-neutral-200` `text-neutral-300` `text-neutral-400` `text-neutral-500` `text-neutral-600` `text-neutral-700` `text-neutral-800` `text-neutral-900` `text-neutral-950` `text-orange-50` `text-orange-100` `text-orange-200` `text-orange-300` `text-orange-400` `text-orange-500` `text-orange-600` `text-orange-700` `text-orange-800` `text-orange-900` `text-orange-950` `text-pink-50` `text-pink-100` `text-pink-200` `text-pink-300` `text-pink-400` `text-pink-500` `text-pink-600` `text-pink-700` `text-pink-800` `text-pink-900` `text-pink-950` `text-purple-50` `text-purple-100` `text-purple-200` `text-purple-300` `text-purple-400` `text-purple-500` `text-purple-600` `text-purple-700` `text-purple-800` `text-purple-900` `text-purple-950` `text-red-50` `text-red-100` `text-red-200` `text-red-300` `text-red-400` `text-red-500` `text-red-600` `text-red-700` `text-red-800` `text-red-900` `text-red-950` `text-right` `text-rose-50` `text-rose-100` `text-rose-200` `text-rose-300` `text-rose-400` `text-rose-500` `text-rose-600` `text-rose-700` `text-rose-800` `text-rose-900` `text-rose-950` `text-sky-50` `text-sky-100` `text-sky-200` `text-sky-300` `text-sky-400` `text-sky-500` `text-sky-600` `text-sky-700` `text-sky-800` `text-sky-900` `text-sky-950` `text-slate-50` `text-slate-100` `text-slate-200` `text-slate-300` `text-slate-400` `text-slate-500` `text-slate-600` `text-slate-700` `text-slate-800` `text-slate-900` `text-slate-950` `text-slate-975` `text-sm` `text-states-ai-active` `text-states-ai-default-alt` `text-states-ai-hover` `text-states-ai-pressed` `text-states-brand-active` `text-states-brand-default-alt` `text-states-brand-hover` `text-states-brand-pressed` `text-states-danger-active` `text-states-danger-default-alt` `text-states-danger-hover` `text-states-danger-pressed` `text-states-default-all` `text-states-info-active` `text-states-info-default-alt` `text-states-info-hover` `text-states-info-pressed` `text-states-on-fill-disabled` `text-states-on-fill-hover` `text-states-on-fill-pressed` `text-states-primary-active` `text-states-primary-alt-active` `text-states-primary-alt-default-alt` `text-states-primary-alt-hover` `text-states-primary-alt-pressed` `text-states-primary-default-alt` `text-states-primary-hover` `text-states-primary-pressed` `text-states-success-active` `text-states-success-default-alt` `text-states-success-hover` `text-states-success-pressed` `text-states-warning-active` `text-states-warning-default-alt` `text-states-warning-hover` `text-states-warning-pressed` `text-stone-50` `text-stone-100` `text-stone-200` `text-stone-300` `text-stone-400` `text-stone-500` `text-stone-600` `text-stone-700` `text-stone-800` `text-stone-900` `text-stone-950` `text-syntax-attr-name` `text-syntax-attr-value` `text-syntax-attribute` `text-syntax-boolean` `text-syntax-builtin` `text-syntax-class-name` `text-syntax-comment` `text-syntax-constant` `text-syntax-function` `text-syntax-highlight-ai-code` `text-syntax-highlight-ai-highlight` `text-syntax-highlight-ai-indicator` `text-syntax-highlight-brand-code` `text-syntax-highlight-brand-highlight` `text-syntax-highlight-brand-indicator` `text-syntax-highlight-error-code` `text-syntax-highlight-error-highlight` `text-syntax-highlight-error-indicator` `text-syntax-highlight-info-code` `text-syntax-highlight-info-highlight` `text-syntax-highlight-info-indicator` `text-syntax-highlight-neutral-code` `text-syntax-highlight-neutral-highlight` `text-syntax-highlight-neutral-indicator` `text-syntax-highlight-selected-code` `text-syntax-highlight-selected-code!` `text-syntax-highlight-selected-highlight` `text-syntax-highlight-success-code` `text-syntax-highlight-success-highlight` `text-syntax-highlight-success-indicator` `text-syntax-highlight-warning-code` `text-syntax-highlight-warning-highlight` `text-syntax-highlight-warning-indicator` `text-syntax-keyword` `text-syntax-no-syntax` `text-syntax-number` `text-syntax-number-boolean` `text-syntax-operator` `text-syntax-property` `text-syntax-punctuation` `text-syntax-regex` `text-syntax-string` `text-syntax-tag` `text-syntax-type` `text-syntax-variable` `text-teal-50` `text-teal-100` `text-teal-200` `text-teal-300` `text-teal-400` `text-teal-500` `text-teal-600` `text-teal-700` `text-teal-800` `text-teal-900` `text-teal-950` `text-text-ai` `text-text-brand` `text-text-danger` `text-text-disable-ai` `text-text-disable-brand` `text-text-disable-danger` `text-text-disable-info` `text-text-disable-primary` `text-text-disable-primary-alt` `text-text-disable-succes` `text-text-disable-warning` `text-text-hint` `text-text-info` `text-text-link-default` `text-text-link-default-alt` `text-text-link-hover` `text-text-link-hover-alt` `text-text-primary` `text-text-primary-alt` `text-text-primary-alt-fixed` `text-text-primary-fixed` `text-text-secondary` `text-text-secondary-alt` `text-text-success` `text-text-tertiary` `text-text-tertiary-alt` `text-text-warning` `text-transparent` `text-violet-50` `text-violet-100` `text-violet-200` `text-violet-300` `text-violet-400` `text-violet-500` `text-violet-600` `text-violet-700` `text-violet-800` `text-violet-900` `text-violet-950` `text-w-orange-50` `text-w-orange-100` `text-w-orange-200` `text-w-orange-300` `text-w-orange-400` `text-w-orange-500` `text-w-orange-600` `text-w-orange-700` `text-w-orange-800` `text-w-orange-900` `text-w-orange-950` `text-white` `text-xl` `text-xs` `text-yellow-50` `text-yellow-100` `text-yellow-200` `text-yellow-300` `text-yellow-400` `text-yellow-500` `text-yellow-600` `text-yellow-700` `text-yellow-800` `text-yellow-900` `text-yellow-950` `text-zinc-50` `text-zinc-100` `text-zinc-200` `text-zinc-300` `text-zinc-400` `text-zinc-500` `text-zinc-600` `text-zinc-700` `text-zinc-800` `text-zinc-900` `text-zinc-950`
+- **to**: `to-transparent`
+- **top**: `top-0` `top-1/2` `top-1/3` `top-2/3` `top-3` `top-4` `top-6` `top-8` `top-14` `top-24` `top-full`
+- **touch**: `touch-none`
+- **tracking**: `tracking-2xl` `tracking-3xl` `tracking-4xl` `tracking-5xl` `tracking-6xl` `tracking-7xl` `tracking-normal` `tracking-xl`
+- **transform**: `transform`
+- **transition**: `transition` `transition-all` `transition-colors` `transition-discrete` `transition-none` `transition-opacity` `transition-transform`
+- **translate**: `translate-x-1/2` `translate-x-2` `translate-x-4` `translate-y-0` `translate-y-8` `translate-y-16`
+- **truncate**: `truncate`
+- **underline**: `underline` `underline-offset-2` `underline-offset-4`
+- **uppercase**: `uppercase`
+- **visible**: `visible`
+- **w**: `w-0` `w-1` `w-1/2` `w-1/3` `w-1/4` `w-2` `w-2/3` `w-3` `w-3/4` `w-4` `w-6` `w-8` `w-10` `w-12` `w-14` `w-16` `w-20` `w-24` `w-28` `w-32` `w-34` `w-36` `w-40` `w-44` `w-48` `w-56` `w-58` `w-60` `w-64` `w-80` `w-88` `w-96` `w-100` `w-112` `w-120` `w-128` `w-132` `w-144` `w-160` `w-182` `w-200` `w-240` `w-256` `w-280` `w-284` `w-300` `w-304` `w-320` `w-360` `w-400` `w-420` `w-428` `w-440` `w-480` `w-560` `w-600` `w-640` `w-700` `w-720` `w-800` `w-832` `w-1120` `w-auto` `w-fit` `w-full` `w-max` `w-none` `w-px` `w-screen`
+- **whitespace**: `whitespace-normal` `whitespace-nowrap` `whitespace-pre` `whitespace-pre-wrap`
+- **wrap**: `wrap-anywhere` `wrap-break-word`
+- **z**: `z-0` `z-1` `z-10` `z-11` `z-20` `z-30` `z-40` `z-50` `z-auto`
+- **zoom**: `zoom-in-95` `zoom-out`
+
+## `@md/field-group:` variants
+
+- **flex**: `@md/field-group:flex-row`
+- **items**: `@md/field-group:items-center`
+
+## `*:` variants
+
+- **invisible**: `*:invisible`
+
+## `active:` variants
+
+- **bg**: `active:bg-states-brand-pressed` `active:bg-states-primary-alt-pressed` `active:bg-states-primary-pressed` `active:bg-transparent`
+- **cursor**: `active:cursor-grabbing`
+- **decoration**: `active:decoration-current` `active:decoration-transparent`
+- **outline**: `active:outline-none`
+- **overlay**: `active:overlay-states-brand-hover` `active:overlay-states-brand-pressed` `active:overlay-states-danger-hover` `active:overlay-states-info-hover` `active:overlay-states-on-fill-hover` `active:overlay-states-primary-alt-hover` `active:overlay-states-primary-alt-pressed` `active:overlay-states-primary-hover` `active:overlay-states-primary-pressed` `active:overlay-states-success-hover`
+- **ring**: `active:ring-3` `active:ring-focus-brand` `active:ring-focus-destructive` `active:ring-focus-primary`
+- **scale**: `active:scale-110`
+- **text**: `active:text-slate-700`
+
+## `active:not-data-disabled:` variants
+
+- **overlay**: `active:not-data-disabled:overlay-states-primary-pressed`
+
+## `active:not-disabled:` variants
+
+- **bg**: `active:not-disabled:bg-states-brand-pressed` `active:not-disabled:bg-states-danger-pressed` `active:not-disabled:bg-states-primary-pressed`
+- **overlay**: `active:not-disabled:overlay-states-danger-pressed` `active:not-disabled:overlay-states-on-fill-pressed` `active:not-disabled:overlay-states-primary-pressed`
+
+## `after:` variants
+
+- **-bottom**: `after:-bottom-px`
+- **-inset**: `after:-inset-x-6` `after:-inset-y-6`
+- **-right**: `after:-right-px`
+- **-translate**: `after:-translate-x-1/2`
+- **absolute**: `after:absolute`
+- **border**: `after:border-border-strong-primary` `after:border-dashed` `after:border-l`
+- **inset**: `after:inset-0` `after:inset-x-0` `after:inset-y-0`
+- **left**: `after:left-0` `after:left-1/2`
+- **opacity**: `after:opacity-0`
+- **pointer**: `after:pointer-events-none`
+- **rounded**: `after:rounded-8`
+- **top**: `after:top-0`
+- **transition**: `after:transition-opacity`
+- **w**: `after:w-px`
+- **z**: `after:z-10`
+
+## `aria-pressed:` variants
+
+- **bg**: `aria-pressed:bg-states-primary-active`
+
+## `aria-selected:` variants
+
+- **bg**: `aria-selected:bg-states-primary-hover!`
+- **text**: `aria-selected:text-text-primary!`
+
+## `before:` variants
+
+- **-translate**: `before:-translate-x-1/2` `before:-translate-y-1/2`
+- **absolute**: `before:absolute`
+- **bg**: `before:bg-badge-amber-strong` `before:bg-badge-blue-strong` `before:bg-badge-cyan-strong` `before:bg-badge-emerald-strong` `before:bg-badge-fuchsia-strong` `before:bg-badge-gray-strong` `before:bg-badge-green-strong` `before:bg-badge-indigo-strong` `before:bg-badge-lime-strong` `before:bg-badge-neutral-strong` `before:bg-badge-pink-strong` `before:bg-badge-red-strong` `before:bg-badge-rose-strong` `before:bg-badge-sky-strong` `before:bg-badge-slate-strong` `before:bg-badge-stone-strong` `before:bg-badge-teal-strong` `before:bg-badge-violet-strong` `before:bg-badge-w-orange-strong` `before:bg-badge-yellow-strong` `before:bg-badge-zinc-strong` `before:bg-bg-fill-brand` `before:bg-border-primary` `before:bg-current` `before:bg-states-primary-pressed`
+- **block**: `before:block`
+- **duration**: `before:duration-150`
+- **flex**: `before:flex`
+- **h**: `before:h-3` `before:h-6` `before:h-full` `before:h-px`
+- **hidden**: `before:hidden`
+- **inset**: `before:inset-0` `before:inset-x-0` `before:inset-y-0`
+- **left**: `before:left-0` `before:left-1/2`
+- **mx**: `before:mx-8`
+- **my**: `before:my-4`
+- **opacity**: `before:opacity-0` `before:opacity-100`
+- **right**: `before:right-0`
+- **rounded**: `before:rounded-2` `before:rounded-full`
+- **shrink**: `before:shrink-0`
+- **size**: `before:size-44`
+- **top**: `before:top-1/2`
+- **transition**: `before:transition-opacity`
+- **w**: `before:w-3` `before:w-4` `before:w-6` `before:w-8` `before:w-px`
+- **z**: `before:z-1`
+
+## `branded:` variants
+
+- **bg**: `branded:bg-states-brand-hover`
+- **block**: `branded:block`
+- **border**: `branded:border-border-brand`
+- **overlay**: `branded:overlay-states-brand-active`
+- **text**: `branded:text-icon-brand` `branded:text-text-brand`
+
+## `branded:active:` variants
+
+- **overlay**: `branded:active:overlay-states-brand-pressed`
+
+## `branded:focus-visible:` variants
+
+- **overlay**: `branded:focus-visible:overlay-states-brand-hover`
+
+## `branded:hover:` variants
+
+- **overlay**: `branded:hover:overlay-states-brand-hover`
+
+## `data-disabled:` variants
+
+- **cursor**: `data-disabled:cursor-not-allowed`
+- **opacity**: `data-disabled:opacity-50`
+- **pointer**: `data-disabled:pointer-events-none`
+- **text**: `data-disabled:text-text-disable-primary`
+
+## `data-disabled:*:` variants
+
+- **cursor**: `data-disabled:*:cursor-not-allowed`
+
+## `data-disabled:**:` variants
+
+- **pointer**: `data-disabled:**:pointer-events-none`
+
+## `data-dragging:` variants
+
+- **bg**: `data-dragging:bg-states-brand-hover`
+- **border**: `data-dragging:border-border-brand`
+- **cursor**: `data-dragging:cursor-grabbing`
+- **scale**: `data-dragging:scale-110`
+- **shadow**: `data-dragging:shadow-md`
+- **text**: `data-dragging:text-text-brand`
+
+## `data-focus-visible:` variants
+
+- **ring**: `data-focus-visible:ring-3`
+
+## `data-highlighted:` variants
+
+- **bg**: `data-highlighted:bg-states-primary-hover`
+
+## `data-invalid:` variants
+
+- **border**: `data-invalid:border-border-strong-danger`
+- **ring**: `data-invalid:ring-focus-destructive`
+
+## `data-invalid:focus-within:` variants
+
+- **ring**: `data-invalid:focus-within:ring-focus-destructive`
+
+## `data-panning:` variants
+
+- **cursor**: `data-panning:cursor-grabbing`
+
+## `data-resizing:` variants
+
+- **opacity**: `data-resizing:opacity-100`
+
+## `data-resizing:after:` variants
+
+- **opacity**: `data-resizing:after:opacity-100`
+
+## `data-selected:` variants
+
+- **text**: `data-selected:text-text-primary`
+
+## `disabled:` variants
+
+- **bg**: `disabled:bg-states-brand-default-alt` `disabled:bg-states-danger-default-alt`
+- **cursor**: `disabled:cursor-not-allowed`
+- **opacity**: `disabled:opacity-50`
+- **overlay**: `disabled:overlay-states-on-fill-disabled`
+- **pointer**: `disabled:pointer-events-none`
+
+## `disabled:aria-disabled:` variants
+
+- **cursor**: `disabled:aria-disabled:cursor-not-allowed`
+- **opacity**: `disabled:aria-disabled:opacity-50`
+
+## `disabled:hover:` variants
+
+- **bg**: `disabled:hover:bg-transparent`
+
+## `enabled:` variants
+
+- **cursor**: `enabled:cursor-pointer`
+
+## `first:` variants
+
+- **bg**: `first:bg-bg-light-ai` `first:bg-bg-light-brand` `first:bg-bg-light-danger` `first:bg-bg-light-info` `first:bg-bg-light-primary` `first:bg-bg-light-success` `first:bg-bg-light-warning` `first:bg-bg-page-bg` `first:bg-bg-surface-1` `first:bg-bg-surface-2` `first:bg-bg-surface-3` `first:bg-bg-surface-4` `first:bg-bg-surface-5`
+- **border**: `first:border-0` `first:border-b-0` `first:border-border-ai` `first:border-border-brand` `first:border-border-danger` `first:border-border-info` `first:border-border-primary` `first:border-border-primary-light` `first:border-border-strong-ai` `first:border-border-strong-brand` `first:border-border-strong-danger` `first:border-border-strong-info` `first:border-border-strong-primary` `first:border-border-strong-success` `first:border-border-strong-warning` `first:border-border-success` `first:border-border-warning` `first:border-l-0` `first:border-r-0` `first:border-t-0`
+- **pb**: `first:pb-0` `first:pb-1` `first:pb-2` `first:pb-4` `first:pb-6` `first:pb-8` `first:pb-12` `first:pb-16` `first:pb-20` `first:pb-24` `first:pb-28` `first:pb-32` `first:pb-36` `first:pb-40` `first:pb-44` `first:pb-48` `first:pb-56` `first:pb-64` `first:pb-80` `first:pb-96` `first:pb-112` `first:pb-128` `first:pb-144` `first:pb-none`
+- **pl**: `first:pl-0` `first:pl-1` `first:pl-2` `first:pl-4` `first:pl-6` `first:pl-8` `first:pl-12` `first:pl-16` `first:pl-20` `first:pl-24` `first:pl-28` `first:pl-32` `first:pl-36` `first:pl-40` `first:pl-44` `first:pl-48` `first:pl-56` `first:pl-64` `first:pl-80` `first:pl-96` `first:pl-112` `first:pl-128` `first:pl-144` `first:pl-none`
+- **pr**: `first:pr-0` `first:pr-1` `first:pr-2` `first:pr-4` `first:pr-6` `first:pr-8` `first:pr-12` `first:pr-16` `first:pr-20` `first:pr-24` `first:pr-28` `first:pr-32` `first:pr-36` `first:pr-40` `first:pr-44` `first:pr-48` `first:pr-56` `first:pr-64` `first:pr-80` `first:pr-96` `first:pr-112` `first:pr-128` `first:pr-144` `first:pr-none`
+- **pt**: `first:pt-0` `first:pt-1` `first:pt-2` `first:pt-4` `first:pt-6` `first:pt-8` `first:pt-12` `first:pt-16` `first:pt-20` `first:pt-24` `first:pt-28` `first:pt-32` `first:pt-36` `first:pt-40` `first:pt-44` `first:pt-48` `first:pt-56` `first:pt-64` `first:pt-80` `first:pt-96` `first:pt-112` `first:pt-128` `first:pt-144` `first:pt-none`
+- **rounded**: `first:rounded-l-8` `first:rounded-tl-12`
+
+## `focus-visible:` variants
+
+- **bg**: `focus-visible:bg-component-outline-button-bg` `focus-visible:bg-states-primary-hover`
+- **border**: `focus-visible:border-border-primary` `focus-visible:border-border-strong-danger`
+- **outline**: `focus-visible:outline-none`
+- **overlay**: `focus-visible:overlay-states-primary-hover`
+- **ring**: `focus-visible:ring-2` `focus-visible:ring-3` `focus-visible:ring-focus-brand` `focus-visible:ring-focus-destructive` `focus-visible:ring-focus-primary` `focus-visible:ring-inset` `focus-visible:ring-offset-0`
+- **scale**: `focus-visible:scale-110`
+- **shadow**: `focus-visible:shadow-md`
+
+## `focus-visible:after:` variants
+
+- **ring**: `focus-visible:after:ring-3` `focus-visible:after:ring-focus-primary`
+
+## `focus-visible:before:` variants
+
+- **opacity**: `focus-visible:before:opacity-100`
+
+## `focus-visible:not-disabled:` variants
+
+- **border**: `focus-visible:not-disabled:border-border-strong-primary`
+
+## `focus-within:` variants
+
+- **opacity**: `focus-within:opacity-100`
+- **outline**: `focus-within:outline-none`
+- **ring**: `focus-within:ring-2` `focus-within:ring-3` `focus-within:ring-focus-destructive` `focus-within:ring-focus-primary`
+
+## `focus-within:not-disabled:` variants
+
+- **border**: `focus-within:not-disabled:border-border-strong-primary`
+
+## `focus:` variants
+
+- **!bg-transparent**: `focus:!bg-transparent`
+- **bg**: `focus:bg-bg-fill-brand` `focus:bg-transparent`
+- **opacity**: `focus:opacity-100`
+- **outline**: `focus:outline-none`
+- **pointer**: `focus:pointer-events-auto`
+- **text**: `focus:text-text-primary-alt`
+
+## `group-data-loading/item:` variants
+
+- **text**: `group-data-loading/item:text-icon-primary-disable` `group-data-loading/item:text-text-disable-primary`
+
+## `group-focus-visible:` variants
+
+- **opacity**: `group-focus-visible:opacity-100`
+
+## `group-focus-visible/avatar:` variants
+
+- **grid**: `group-focus-visible/avatar:grid`
+
+## `group-focus-visible/row:` variants
+
+- **hidden**: `group-focus-visible/row:hidden`
+- **inline**: `group-focus-visible/row:inline-flex`
+
+## `group-focus-within/chart:` variants
+
+- **opacity**: `group-focus-within/chart:opacity-100`
+- **overflow**: `group-focus-within/chart:overflow-visible`
+- **pointer**: `group-focus-within/chart:pointer-events-auto`
+- **w**: `group-focus-within/chart:w-auto`
+
+## `group-focus-within/message:` variants
+
+- **opacity**: `group-focus-within/message:opacity-100`
+
+## `group-hover:` variants
+
+- **bg**: `group-hover:bg-border-primary/50`
+- **opacity**: `group-hover:opacity-100`
+
+## `group-hover/avatar:` variants
+
+- **grid**: `group-hover/avatar:grid`
+
+## `group-hover/cell:` variants
+
+- **opacity**: `group-hover/cell:opacity-100`
+
+## `group-hover/chart:` variants
+
+- **opacity**: `group-hover/chart:opacity-100`
+- **overflow**: `group-hover/chart:overflow-visible`
+- **pointer**: `group-hover/chart:pointer-events-auto`
+- **w**: `group-hover/chart:w-auto`
+
+## `group-hover/chip:` variants
+
+- **opacity**: `group-hover/chip:opacity-100`
+- **pointer**: `group-hover/chip:pointer-events-auto`
+
+## `group-hover/message:` variants
+
+- **opacity**: `group-hover/message:opacity-100`
+
+## `group-hover/row:` variants
+
+- **hidden**: `group-hover/row:hidden`
+- **inline**: `group-hover/row:inline-flex`
+- **opacity**: `group-hover/row:opacity-100`
+- **overlay**: `group-hover/row:overlay-states-primary-hover`
+- **pointer**: `group-hover/row:pointer-events-auto`
+
+## `group-hover/trigger:` variants
+
+- **hidden**: `group-hover/trigger:hidden`
+- **inline**: `group-hover/trigger:inline-flex`
+
+## `hover:` variants
+
+- **!bg-transparent**: `hover:!bg-transparent`
+- **!decoration-transparent**: `hover:!decoration-transparent`
+- **bg**: `hover:bg-bg-light-ai` `hover:bg-bg-light-brand` `hover:bg-bg-light-danger` `hover:bg-bg-light-info` `hover:bg-bg-light-primary` `hover:bg-bg-light-success` `hover:bg-bg-light-warning` `hover:bg-bg-page-bg` `hover:bg-bg-surface-1` `hover:bg-bg-surface-2` `hover:bg-bg-surface-3` `hover:bg-bg-surface-4` `hover:bg-bg-surface-5` `hover:bg-states-brand-hover` `hover:bg-states-primary-alt-hover` `hover:bg-states-primary-default-alt` `hover:bg-states-primary-hover` `hover:bg-transparent`
+- **border**: `hover:border-border-ai` `hover:border-border-brand` `hover:border-border-danger` `hover:border-border-info` `hover:border-border-primary` `hover:border-border-primary-light` `hover:border-border-strong-ai` `hover:border-border-strong-brand` `hover:border-border-strong-danger` `hover:border-border-strong-info` `hover:border-border-strong-primary` `hover:border-border-strong-success` `hover:border-border-strong-warning` `hover:border-border-success` `hover:border-border-warning` `hover:border-component-border-input-hover`
+- **decoration**: `hover:decoration-current` `hover:decoration-transparent`
+- **opacity**: `hover:opacity-100`
+- **overlay**: `hover:overlay-states-brand-hover` `hover:overlay-states-danger-hover` `hover:overlay-states-info-hover` `hover:overlay-states-on-fill-hover` `hover:overlay-states-primary-alt-hover` `hover:overlay-states-primary-hover` `hover:overlay-states-success-hover`
+- **ring**: `hover:ring-3` `hover:ring-focus-destructive`
+- **text**: `hover:text-icon-primary` `hover:text-slate-700` `hover:text-text-brand` `hover:text-text-link-hover` `hover:text-text-link-hover-alt` `hover:text-text-primary`
+- **z**: `hover:z-30`
+
+## `hover:before:` variants
+
+- **opacity**: `hover:before:opacity-100`
+
+## `hover:not-data-disabled:` variants
+
+- **overlay**: `hover:not-data-disabled:overlay-states-primary-hover`
+
+## `hover:not-disabled:` variants
+
+- **bg**: `hover:not-disabled:bg-states-brand-hover` `hover:not-disabled:bg-states-danger-hover` `hover:not-disabled:bg-states-primary-hover`
+- **border**: `hover:not-disabled:border-border-strong-danger` `hover:not-disabled:border-component-border-input-hover`
+- **outline**: `hover:not-disabled:outline-none`
+- **overlay**: `hover:not-disabled:overlay-states-danger-hover` `hover:not-disabled:overlay-states-on-fill-hover` `hover:not-disabled:overlay-states-primary-hover`
+- **ring**: `hover:not-disabled:ring-3` `hover:not-disabled:ring-focus-destructive-hover`
+- **text**: `hover:not-disabled:text-icon-primary`
+
+## `last:` variants
+
+- **bg**: `last:bg-bg-light-ai` `last:bg-bg-light-brand` `last:bg-bg-light-danger` `last:bg-bg-light-info` `last:bg-bg-light-primary` `last:bg-bg-light-success` `last:bg-bg-light-warning` `last:bg-bg-page-bg` `last:bg-bg-surface-1` `last:bg-bg-surface-2` `last:bg-bg-surface-3` `last:bg-bg-surface-4` `last:bg-bg-surface-5`
+- **border**: `last:border-0` `last:border-b-0` `last:border-border-ai` `last:border-border-brand` `last:border-border-danger` `last:border-border-info` `last:border-border-primary` `last:border-border-primary-light` `last:border-border-strong-ai` `last:border-border-strong-brand` `last:border-border-strong-danger` `last:border-border-strong-info` `last:border-border-strong-primary` `last:border-border-strong-success` `last:border-border-strong-warning` `last:border-border-success` `last:border-border-warning` `last:border-l-0` `last:border-r-0` `last:border-t-0`
+- **mt**: `last:mt-0`
+- **pb**: `last:pb-0` `last:pb-1` `last:pb-2` `last:pb-4` `last:pb-6` `last:pb-8` `last:pb-12` `last:pb-16` `last:pb-20` `last:pb-24` `last:pb-28` `last:pb-32` `last:pb-36` `last:pb-40` `last:pb-44` `last:pb-48` `last:pb-56` `last:pb-64` `last:pb-80` `last:pb-96` `last:pb-112` `last:pb-128` `last:pb-144` `last:pb-none`
+- **pl**: `last:pl-0` `last:pl-1` `last:pl-2` `last:pl-4` `last:pl-6` `last:pl-8` `last:pl-12` `last:pl-16` `last:pl-20` `last:pl-24` `last:pl-28` `last:pl-32` `last:pl-36` `last:pl-40` `last:pl-44` `last:pl-48` `last:pl-56` `last:pl-64` `last:pl-80` `last:pl-96` `last:pl-112` `last:pl-128` `last:pl-144` `last:pl-none`
+- **pr**: `last:pr-0` `last:pr-1` `last:pr-2` `last:pr-4` `last:pr-6` `last:pr-8` `last:pr-12` `last:pr-16` `last:pr-20` `last:pr-24` `last:pr-28` `last:pr-32` `last:pr-36` `last:pr-40` `last:pr-44` `last:pr-48` `last:pr-56` `last:pr-64` `last:pr-80` `last:pr-96` `last:pr-112` `last:pr-128` `last:pr-144` `last:pr-none`
+- **pt**: `last:pt-0` `last:pt-1` `last:pt-2` `last:pt-4` `last:pt-6` `last:pt-8` `last:pt-12` `last:pt-16` `last:pt-20` `last:pt-24` `last:pt-28` `last:pt-32` `last:pt-36` `last:pt-40` `last:pt-44` `last:pt-48` `last:pt-56` `last:pt-64` `last:pt-80` `last:pt-96` `last:pt-112` `last:pt-128` `last:pt-144` `last:pt-none`
+- **rounded**: `last:rounded-r-8` `last:rounded-tr-12`
+
+## `lg:` variants
+
+- **block**: `lg:block`
+- **col**: `lg:col-span-1` `lg:col-span-2` `lg:col-span-3` `lg:col-span-4` `lg:col-span-5` `lg:col-span-6` `lg:col-span-7` `lg:col-span-8` `lg:col-span-9` `lg:col-span-10` `lg:col-span-11` `lg:col-span-12`
+- **flex**: `lg:flex` `lg:flex-col` `lg:flex-row` `lg:flex-wrap`
+- **gap**: `lg:gap-0` `lg:gap-1` `lg:gap-2` `lg:gap-4` `lg:gap-6` `lg:gap-8` `lg:gap-12` `lg:gap-16` `lg:gap-20` `lg:gap-24` `lg:gap-28` `lg:gap-32` `lg:gap-36` `lg:gap-40` `lg:gap-44` `lg:gap-48` `lg:gap-56` `lg:gap-64` `lg:gap-80` `lg:gap-96` `lg:gap-112` `lg:gap-128` `lg:gap-144` `lg:gap-none` `lg:gap-x-0` `lg:gap-x-1` `lg:gap-x-2` `lg:gap-x-4` `lg:gap-x-6` `lg:gap-x-8` `lg:gap-x-12` `lg:gap-x-16` `lg:gap-x-20` `lg:gap-x-24` `lg:gap-x-28` `lg:gap-x-32` `lg:gap-x-36` `lg:gap-x-40` `lg:gap-x-44` `lg:gap-x-48` `lg:gap-x-56` `lg:gap-x-64` `lg:gap-x-80` `lg:gap-x-96` `lg:gap-x-112` `lg:gap-x-128` `lg:gap-x-144` `lg:gap-x-none` `lg:gap-y-0` `lg:gap-y-1` `lg:gap-y-2` `lg:gap-y-4` `lg:gap-y-6` `lg:gap-y-8` `lg:gap-y-12` `lg:gap-y-16` `lg:gap-y-20` `lg:gap-y-24` `lg:gap-y-28` `lg:gap-y-32` `lg:gap-y-36` `lg:gap-y-40` `lg:gap-y-44` `lg:gap-y-48` `lg:gap-y-56` `lg:gap-y-64` `lg:gap-y-80` `lg:gap-y-96` `lg:gap-y-112` `lg:gap-y-128` `lg:gap-y-144` `lg:gap-y-none`
+- **grid**: `lg:grid` `lg:grid-cols-1` `lg:grid-cols-2` `lg:grid-cols-3` `lg:grid-cols-4` `lg:grid-cols-5` `lg:grid-cols-6` `lg:grid-cols-7` `lg:grid-cols-8` `lg:grid-cols-9` `lg:grid-cols-10` `lg:grid-cols-11` `lg:grid-cols-12`
+- **hidden**: `lg:hidden`
+- **p**: `lg:p-0` `lg:p-1` `lg:p-2` `lg:p-4` `lg:p-6` `lg:p-8` `lg:p-12` `lg:p-16` `lg:p-20` `lg:p-24` `lg:p-28` `lg:p-32` `lg:p-36` `lg:p-40` `lg:p-44` `lg:p-48` `lg:p-56` `lg:p-64` `lg:p-80` `lg:p-96` `lg:p-112` `lg:p-128` `lg:p-144` `lg:p-none`
+- **pb**: `lg:pb-0` `lg:pb-1` `lg:pb-2` `lg:pb-4` `lg:pb-6` `lg:pb-8` `lg:pb-12` `lg:pb-16` `lg:pb-20` `lg:pb-24` `lg:pb-28` `lg:pb-32` `lg:pb-36` `lg:pb-40` `lg:pb-44` `lg:pb-48` `lg:pb-56` `lg:pb-64` `lg:pb-80` `lg:pb-96` `lg:pb-112` `lg:pb-128` `lg:pb-144` `lg:pb-none`
+- **pl**: `lg:pl-0` `lg:pl-1` `lg:pl-2` `lg:pl-4` `lg:pl-6` `lg:pl-8` `lg:pl-12` `lg:pl-16` `lg:pl-20` `lg:pl-24` `lg:pl-28` `lg:pl-32` `lg:pl-36` `lg:pl-40` `lg:pl-44` `lg:pl-48` `lg:pl-56` `lg:pl-64` `lg:pl-80` `lg:pl-96` `lg:pl-112` `lg:pl-128` `lg:pl-144` `lg:pl-none`
+- **pr**: `lg:pr-0` `lg:pr-1` `lg:pr-2` `lg:pr-4` `lg:pr-6` `lg:pr-8` `lg:pr-12` `lg:pr-16` `lg:pr-20` `lg:pr-24` `lg:pr-28` `lg:pr-32` `lg:pr-36` `lg:pr-40` `lg:pr-44` `lg:pr-48` `lg:pr-56` `lg:pr-64` `lg:pr-80` `lg:pr-96` `lg:pr-112` `lg:pr-128` `lg:pr-144` `lg:pr-none`
+- **pt**: `lg:pt-0` `lg:pt-1` `lg:pt-2` `lg:pt-4` `lg:pt-6` `lg:pt-8` `lg:pt-12` `lg:pt-16` `lg:pt-20` `lg:pt-24` `lg:pt-28` `lg:pt-32` `lg:pt-36` `lg:pt-40` `lg:pt-44` `lg:pt-48` `lg:pt-56` `lg:pt-64` `lg:pt-80` `lg:pt-96` `lg:pt-112` `lg:pt-128` `lg:pt-144` `lg:pt-none`
+- **px**: `lg:px-0` `lg:px-1` `lg:px-2` `lg:px-4` `lg:px-6` `lg:px-8` `lg:px-12` `lg:px-16` `lg:px-20` `lg:px-24` `lg:px-28` `lg:px-32` `lg:px-36` `lg:px-40` `lg:px-44` `lg:px-48` `lg:px-56` `lg:px-64` `lg:px-80` `lg:px-96` `lg:px-112` `lg:px-128` `lg:px-144` `lg:px-none`
+- **py**: `lg:py-0` `lg:py-1` `lg:py-2` `lg:py-4` `lg:py-6` `lg:py-8` `lg:py-12` `lg:py-16` `lg:py-20` `lg:py-24` `lg:py-28` `lg:py-32` `lg:py-36` `lg:py-40` `lg:py-44` `lg:py-48` `lg:py-56` `lg:py-64` `lg:py-80` `lg:py-96` `lg:py-112` `lg:py-128` `lg:py-144` `lg:py-none`
+
+## `md:` variants
+
+- **block**: `md:block`
+- **col**: `md:col-span-1` `md:col-span-2` `md:col-span-3` `md:col-span-4` `md:col-span-5` `md:col-span-6` `md:col-span-7` `md:col-span-8` `md:col-span-9` `md:col-span-10` `md:col-span-11` `md:col-span-12`
+- **flex**: `md:flex` `md:flex-col` `md:flex-row` `md:flex-wrap`
+- **gap**: `md:gap-0` `md:gap-1` `md:gap-2` `md:gap-4` `md:gap-6` `md:gap-8` `md:gap-12` `md:gap-16` `md:gap-20` `md:gap-24` `md:gap-28` `md:gap-32` `md:gap-36` `md:gap-40` `md:gap-44` `md:gap-48` `md:gap-56` `md:gap-64` `md:gap-80` `md:gap-96` `md:gap-112` `md:gap-128` `md:gap-144` `md:gap-none` `md:gap-x-0` `md:gap-x-1` `md:gap-x-2` `md:gap-x-4` `md:gap-x-6` `md:gap-x-8` `md:gap-x-12` `md:gap-x-16` `md:gap-x-20` `md:gap-x-24` `md:gap-x-28` `md:gap-x-32` `md:gap-x-36` `md:gap-x-40` `md:gap-x-44` `md:gap-x-48` `md:gap-x-56` `md:gap-x-64` `md:gap-x-80` `md:gap-x-96` `md:gap-x-112` `md:gap-x-128` `md:gap-x-144` `md:gap-x-none` `md:gap-y-0` `md:gap-y-1` `md:gap-y-2` `md:gap-y-4` `md:gap-y-6` `md:gap-y-8` `md:gap-y-12` `md:gap-y-16` `md:gap-y-20` `md:gap-y-24` `md:gap-y-28` `md:gap-y-32` `md:gap-y-36` `md:gap-y-40` `md:gap-y-44` `md:gap-y-48` `md:gap-y-56` `md:gap-y-64` `md:gap-y-80` `md:gap-y-96` `md:gap-y-112` `md:gap-y-128` `md:gap-y-144` `md:gap-y-none`
+- **grid**: `md:grid` `md:grid-cols-1` `md:grid-cols-2` `md:grid-cols-3` `md:grid-cols-4` `md:grid-cols-5` `md:grid-cols-6` `md:grid-cols-7` `md:grid-cols-8` `md:grid-cols-9` `md:grid-cols-10` `md:grid-cols-11` `md:grid-cols-12`
+- **hidden**: `md:hidden`
+- **p**: `md:p-0` `md:p-1` `md:p-2` `md:p-4` `md:p-6` `md:p-8` `md:p-12` `md:p-16` `md:p-20` `md:p-24` `md:p-28` `md:p-32` `md:p-36` `md:p-40` `md:p-44` `md:p-48` `md:p-56` `md:p-64` `md:p-80` `md:p-96` `md:p-112` `md:p-128` `md:p-144` `md:p-none`
+- **pb**: `md:pb-0` `md:pb-1` `md:pb-2` `md:pb-4` `md:pb-6` `md:pb-8` `md:pb-12` `md:pb-16` `md:pb-20` `md:pb-24` `md:pb-28` `md:pb-32` `md:pb-36` `md:pb-40` `md:pb-44` `md:pb-48` `md:pb-56` `md:pb-64` `md:pb-80` `md:pb-96` `md:pb-112` `md:pb-128` `md:pb-144` `md:pb-none`
+- **pl**: `md:pl-0` `md:pl-1` `md:pl-2` `md:pl-4` `md:pl-6` `md:pl-8` `md:pl-12` `md:pl-16` `md:pl-20` `md:pl-24` `md:pl-28` `md:pl-32` `md:pl-36` `md:pl-40` `md:pl-44` `md:pl-48` `md:pl-56` `md:pl-64` `md:pl-80` `md:pl-96` `md:pl-112` `md:pl-128` `md:pl-144` `md:pl-none`
+- **pr**: `md:pr-0` `md:pr-1` `md:pr-2` `md:pr-4` `md:pr-6` `md:pr-8` `md:pr-12` `md:pr-16` `md:pr-20` `md:pr-24` `md:pr-28` `md:pr-32` `md:pr-36` `md:pr-40` `md:pr-44` `md:pr-48` `md:pr-56` `md:pr-64` `md:pr-80` `md:pr-96` `md:pr-112` `md:pr-128` `md:pr-144` `md:pr-none`
+- **pt**: `md:pt-0` `md:pt-1` `md:pt-2` `md:pt-4` `md:pt-6` `md:pt-8` `md:pt-12` `md:pt-16` `md:pt-20` `md:pt-24` `md:pt-28` `md:pt-32` `md:pt-36` `md:pt-40` `md:pt-44` `md:pt-48` `md:pt-56` `md:pt-64` `md:pt-80` `md:pt-96` `md:pt-112` `md:pt-128` `md:pt-144` `md:pt-none`
+- **px**: `md:px-0` `md:px-1` `md:px-2` `md:px-4` `md:px-6` `md:px-8` `md:px-12` `md:px-16` `md:px-20` `md:px-24` `md:px-28` `md:px-32` `md:px-36` `md:px-40` `md:px-44` `md:px-48` `md:px-56` `md:px-64` `md:px-80` `md:px-96` `md:px-112` `md:px-128` `md:px-144` `md:px-none`
+- **py**: `md:py-0` `md:py-1` `md:py-2` `md:py-4` `md:py-6` `md:py-8` `md:py-12` `md:py-16` `md:py-20` `md:py-24` `md:py-28` `md:py-32` `md:py-36` `md:py-40` `md:py-44` `md:py-48` `md:py-56` `md:py-64` `md:py-80` `md:py-96` `md:py-112` `md:py-128` `md:py-144` `md:py-none`
+
+## `motion-reduce:` variants
+
+- **animate**: `motion-reduce:animate-none`
+- **transition**: `motion-reduce:transition-none`
+
+## `motion-safe:` variants
+
+- **duration**: `motion-safe:duration-200`
+- **ease**: `motion-safe:ease-out`
+- **origin**: `motion-safe:origin-top`
+
+## `motion-safe:starting:` variants
+
+- **opacity**: `motion-safe:starting:opacity-0`
+- **scale**: `motion-safe:starting:scale-y-0`
+- **translate**: `motion-safe:starting:translate-y-4`
+
+## `not-data-disabled:active:` variants
+
+- **bg**: `not-data-disabled:active:bg-states-brand-pressed` `not-data-disabled:active:bg-states-danger-pressed` `not-data-disabled:active:bg-states-primary-pressed`
+
+## `not-data-disabled:data-highlighted:` variants
+
+- **bg**: `not-data-disabled:data-highlighted:bg-states-brand-hover` `not-data-disabled:data-highlighted:bg-states-danger-hover` `not-data-disabled:data-highlighted:bg-states-primary-hover`
+
+## `not-data-disabled:data-selected:` variants
+
+- **text**: `not-data-disabled:data-selected:text-text-primary`
+
+## `not-data-disabled:focus:` variants
+
+- **bg**: `not-data-disabled:focus:bg-states-brand-hover` `not-data-disabled:focus:bg-states-danger-hover` `not-data-disabled:focus:bg-states-primary-hover`
+
+## `not-data-disabled:hover:` variants
+
+- **bg**: `not-data-disabled:hover:bg-states-brand-hover` `not-data-disabled:hover:bg-states-danger-hover` `not-data-disabled:hover:bg-states-primary-hover`
+- **border**: `not-data-disabled:hover:border-border-brand`
+- **scale**: `not-data-disabled:hover:scale-110`
+- **shadow**: `not-data-disabled:hover:shadow-md`
+- **text**: `not-data-disabled:hover:text-text-brand`
+
+## `not-data-disabled:not-data-selected:active:` variants
+
+- **text**: `not-data-disabled:not-data-selected:active:text-text-secondary`
+
+## `not-data-disabled:not-data-selected:hover:` variants
+
+- **text**: `not-data-disabled:not-data-selected:hover:text-text-primary`
+
+## `not-disabled:active:` variants
+
+- **bg**: `not-disabled:active:bg-states-primary-pressed`
+- **text**: `not-disabled:active:text-text-secondary`
+
+## `not-disabled:hover:` variants
+
+- **bg**: `not-disabled:hover:bg-bg-light-brand` `not-disabled:hover:bg-states-primary-hover`
+- **border**: `not-disabled:hover:border-border-brand`
+- **text**: `not-disabled:hover:text-text-brand` `not-disabled:hover:text-text-primary`
+
+## `not-first:` variants
+
+- **-ml**: `not-first:-ml-4`
+- **mt**: `not-first:mt-16`
+
+## `not-focus:` variants
+
+- **shadow**: `not-focus:shadow-xs`
+
+## `nth-last-2:` variants
+
+- **-mt**: `nth-last-2:-mt-1`
+
+## `placeholder:` variants
+
+- **text**: `placeholder:text-sm` `placeholder:text-text-hint` `placeholder:text-text-secondary`
+
+## `sm:` variants
+
+- **block**: `sm:block`
+- **col**: `sm:col-span-1` `sm:col-span-2` `sm:col-span-3` `sm:col-span-4` `sm:col-span-5` `sm:col-span-6` `sm:col-span-7` `sm:col-span-8` `sm:col-span-9` `sm:col-span-10` `sm:col-span-11` `sm:col-span-12`
+- **flex**: `sm:flex` `sm:flex-col` `sm:flex-row` `sm:flex-wrap`
+- **gap**: `sm:gap-0` `sm:gap-1` `sm:gap-2` `sm:gap-4` `sm:gap-6` `sm:gap-8` `sm:gap-12` `sm:gap-16` `sm:gap-20` `sm:gap-24` `sm:gap-28` `sm:gap-32` `sm:gap-36` `sm:gap-40` `sm:gap-44` `sm:gap-48` `sm:gap-56` `sm:gap-64` `sm:gap-80` `sm:gap-96` `sm:gap-112` `sm:gap-128` `sm:gap-144` `sm:gap-none` `sm:gap-x-0` `sm:gap-x-1` `sm:gap-x-2` `sm:gap-x-4` `sm:gap-x-6` `sm:gap-x-8` `sm:gap-x-12` `sm:gap-x-16` `sm:gap-x-20` `sm:gap-x-24` `sm:gap-x-28` `sm:gap-x-32` `sm:gap-x-36` `sm:gap-x-40` `sm:gap-x-44` `sm:gap-x-48` `sm:gap-x-56` `sm:gap-x-64` `sm:gap-x-80` `sm:gap-x-96` `sm:gap-x-112` `sm:gap-x-128` `sm:gap-x-144` `sm:gap-x-none` `sm:gap-y-0` `sm:gap-y-1` `sm:gap-y-2` `sm:gap-y-4` `sm:gap-y-6` `sm:gap-y-8` `sm:gap-y-12` `sm:gap-y-16` `sm:gap-y-20` `sm:gap-y-24` `sm:gap-y-28` `sm:gap-y-32` `sm:gap-y-36` `sm:gap-y-40` `sm:gap-y-44` `sm:gap-y-48` `sm:gap-y-56` `sm:gap-y-64` `sm:gap-y-80` `sm:gap-y-96` `sm:gap-y-112` `sm:gap-y-128` `sm:gap-y-144` `sm:gap-y-none`
+- **grid**: `sm:grid` `sm:grid-cols-1` `sm:grid-cols-2` `sm:grid-cols-3` `sm:grid-cols-4` `sm:grid-cols-5` `sm:grid-cols-6` `sm:grid-cols-7` `sm:grid-cols-8` `sm:grid-cols-9` `sm:grid-cols-10` `sm:grid-cols-11` `sm:grid-cols-12`
+- **hidden**: `sm:hidden`
+- **p**: `sm:p-0` `sm:p-1` `sm:p-2` `sm:p-4` `sm:p-6` `sm:p-8` `sm:p-12` `sm:p-16` `sm:p-20` `sm:p-24` `sm:p-28` `sm:p-32` `sm:p-36` `sm:p-40` `sm:p-44` `sm:p-48` `sm:p-56` `sm:p-64` `sm:p-80` `sm:p-96` `sm:p-112` `sm:p-128` `sm:p-144` `sm:p-none`
+- **pb**: `sm:pb-0` `sm:pb-1` `sm:pb-2` `sm:pb-4` `sm:pb-6` `sm:pb-8` `sm:pb-12` `sm:pb-16` `sm:pb-20` `sm:pb-24` `sm:pb-28` `sm:pb-32` `sm:pb-36` `sm:pb-40` `sm:pb-44` `sm:pb-48` `sm:pb-56` `sm:pb-64` `sm:pb-80` `sm:pb-96` `sm:pb-112` `sm:pb-128` `sm:pb-144` `sm:pb-none`
+- **pl**: `sm:pl-0` `sm:pl-1` `sm:pl-2` `sm:pl-4` `sm:pl-6` `sm:pl-8` `sm:pl-12` `sm:pl-16` `sm:pl-20` `sm:pl-24` `sm:pl-28` `sm:pl-32` `sm:pl-36` `sm:pl-40` `sm:pl-44` `sm:pl-48` `sm:pl-56` `sm:pl-64` `sm:pl-80` `sm:pl-96` `sm:pl-112` `sm:pl-128` `sm:pl-144` `sm:pl-none`
+- **pr**: `sm:pr-0` `sm:pr-1` `sm:pr-2` `sm:pr-4` `sm:pr-6` `sm:pr-8` `sm:pr-12` `sm:pr-16` `sm:pr-20` `sm:pr-24` `sm:pr-28` `sm:pr-32` `sm:pr-36` `sm:pr-40` `sm:pr-44` `sm:pr-48` `sm:pr-56` `sm:pr-64` `sm:pr-80` `sm:pr-96` `sm:pr-112` `sm:pr-128` `sm:pr-144` `sm:pr-none`
+- **pt**: `sm:pt-0` `sm:pt-1` `sm:pt-2` `sm:pt-4` `sm:pt-6` `sm:pt-8` `sm:pt-12` `sm:pt-16` `sm:pt-20` `sm:pt-24` `sm:pt-28` `sm:pt-32` `sm:pt-36` `sm:pt-40` `sm:pt-44` `sm:pt-48` `sm:pt-56` `sm:pt-64` `sm:pt-80` `sm:pt-96` `sm:pt-112` `sm:pt-128` `sm:pt-144` `sm:pt-none`
+- **px**: `sm:px-0` `sm:px-1` `sm:px-2` `sm:px-4` `sm:px-6` `sm:px-8` `sm:px-12` `sm:px-16` `sm:px-20` `sm:px-24` `sm:px-28` `sm:px-32` `sm:px-36` `sm:px-40` `sm:px-44` `sm:px-48` `sm:px-56` `sm:px-64` `sm:px-80` `sm:px-96` `sm:px-112` `sm:px-128` `sm:px-144` `sm:px-none`
+- **py**: `sm:py-0` `sm:py-1` `sm:py-2` `sm:py-4` `sm:py-6` `sm:py-8` `sm:py-12` `sm:py-16` `sm:py-20` `sm:py-24` `sm:py-28` `sm:py-32` `sm:py-36` `sm:py-40` `sm:py-44` `sm:py-48` `sm:py-56` `sm:py-64` `sm:py-80` `sm:py-96` `sm:py-112` `sm:py-128` `sm:py-144` `sm:py-none`
+
+## `starting:` variants
+
+- **w**: `starting:w-0`
+
+## `xl:` variants
+
+- **block**: `xl:block`
+- **col**: `xl:col-span-1` `xl:col-span-2` `xl:col-span-3` `xl:col-span-4` `xl:col-span-5` `xl:col-span-6` `xl:col-span-7` `xl:col-span-8` `xl:col-span-9` `xl:col-span-10` `xl:col-span-11` `xl:col-span-12`
+- **flex**: `xl:flex` `xl:flex-col` `xl:flex-row` `xl:flex-wrap`
+- **gap**: `xl:gap-0` `xl:gap-1` `xl:gap-2` `xl:gap-4` `xl:gap-6` `xl:gap-8` `xl:gap-12` `xl:gap-16` `xl:gap-20` `xl:gap-24` `xl:gap-28` `xl:gap-32` `xl:gap-36` `xl:gap-40` `xl:gap-44` `xl:gap-48` `xl:gap-56` `xl:gap-64` `xl:gap-80` `xl:gap-96` `xl:gap-112` `xl:gap-128` `xl:gap-144` `xl:gap-none` `xl:gap-x-0` `xl:gap-x-1` `xl:gap-x-2` `xl:gap-x-4` `xl:gap-x-6` `xl:gap-x-8` `xl:gap-x-12` `xl:gap-x-16` `xl:gap-x-20` `xl:gap-x-24` `xl:gap-x-28` `xl:gap-x-32` `xl:gap-x-36` `xl:gap-x-40` `xl:gap-x-44` `xl:gap-x-48` `xl:gap-x-56` `xl:gap-x-64` `xl:gap-x-80` `xl:gap-x-96` `xl:gap-x-112` `xl:gap-x-128` `xl:gap-x-144` `xl:gap-x-none` `xl:gap-y-0` `xl:gap-y-1` `xl:gap-y-2` `xl:gap-y-4` `xl:gap-y-6` `xl:gap-y-8` `xl:gap-y-12` `xl:gap-y-16` `xl:gap-y-20` `xl:gap-y-24` `xl:gap-y-28` `xl:gap-y-32` `xl:gap-y-36` `xl:gap-y-40` `xl:gap-y-44` `xl:gap-y-48` `xl:gap-y-56` `xl:gap-y-64` `xl:gap-y-80` `xl:gap-y-96` `xl:gap-y-112` `xl:gap-y-128` `xl:gap-y-144` `xl:gap-y-none`
+- **grid**: `xl:grid` `xl:grid-cols-1` `xl:grid-cols-2` `xl:grid-cols-3` `xl:grid-cols-4` `xl:grid-cols-5` `xl:grid-cols-6` `xl:grid-cols-7` `xl:grid-cols-8` `xl:grid-cols-9` `xl:grid-cols-10` `xl:grid-cols-11` `xl:grid-cols-12`
+- **hidden**: `xl:hidden`
+- **p**: `xl:p-0` `xl:p-1` `xl:p-2` `xl:p-4` `xl:p-6` `xl:p-8` `xl:p-12` `xl:p-16` `xl:p-20` `xl:p-24` `xl:p-28` `xl:p-32` `xl:p-36` `xl:p-40` `xl:p-44` `xl:p-48` `xl:p-56` `xl:p-64` `xl:p-80` `xl:p-96` `xl:p-112` `xl:p-128` `xl:p-144` `xl:p-none`
+- **pb**: `xl:pb-0` `xl:pb-1` `xl:pb-2` `xl:pb-4` `xl:pb-6` `xl:pb-8` `xl:pb-12` `xl:pb-16` `xl:pb-20` `xl:pb-24` `xl:pb-28` `xl:pb-32` `xl:pb-36` `xl:pb-40` `xl:pb-44` `xl:pb-48` `xl:pb-56` `xl:pb-64` `xl:pb-80` `xl:pb-96` `xl:pb-112` `xl:pb-128` `xl:pb-144` `xl:pb-none`
+- **pl**: `xl:pl-0` `xl:pl-1` `xl:pl-2` `xl:pl-4` `xl:pl-6` `xl:pl-8` `xl:pl-12` `xl:pl-16` `xl:pl-20` `xl:pl-24` `xl:pl-28` `xl:pl-32` `xl:pl-36` `xl:pl-40` `xl:pl-44` `xl:pl-48` `xl:pl-56` `xl:pl-64` `xl:pl-80` `xl:pl-96` `xl:pl-112` `xl:pl-128` `xl:pl-144` `xl:pl-none`
+- **pr**: `xl:pr-0` `xl:pr-1` `xl:pr-2` `xl:pr-4` `xl:pr-6` `xl:pr-8` `xl:pr-12` `xl:pr-16` `xl:pr-20` `xl:pr-24` `xl:pr-28` `xl:pr-32` `xl:pr-36` `xl:pr-40` `xl:pr-44` `xl:pr-48` `xl:pr-56` `xl:pr-64` `xl:pr-80` `xl:pr-96` `xl:pr-112` `xl:pr-128` `xl:pr-144` `xl:pr-none`
+- **pt**: `xl:pt-0` `xl:pt-1` `xl:pt-2` `xl:pt-4` `xl:pt-6` `xl:pt-8` `xl:pt-12` `xl:pt-16` `xl:pt-20` `xl:pt-24` `xl:pt-28` `xl:pt-32` `xl:pt-36` `xl:pt-40` `xl:pt-44` `xl:pt-48` `xl:pt-56` `xl:pt-64` `xl:pt-80` `xl:pt-96` `xl:pt-112` `xl:pt-128` `xl:pt-144` `xl:pt-none`
+- **px**: `xl:px-0` `xl:px-1` `xl:px-2` `xl:px-4` `xl:px-6` `xl:px-8` `xl:px-12` `xl:px-16` `xl:px-20` `xl:px-24` `xl:px-28` `xl:px-32` `xl:px-36` `xl:px-40` `xl:px-44` `xl:px-48` `xl:px-56` `xl:px-64` `xl:px-80` `xl:px-96` `xl:px-112` `xl:px-128` `xl:px-144` `xl:px-none`
+- **py**: `xl:py-0` `xl:py-1` `xl:py-2` `xl:py-4` `xl:py-6` `xl:py-8` `xl:py-12` `xl:py-16` `xl:py-20` `xl:py-24` `xl:py-28` `xl:py-32` `xl:py-36` `xl:py-40` `xl:py-44` `xl:py-48` `xl:py-56` `xl:py-64` `xl:py-80` `xl:py-96` `xl:py-112` `xl:py-128` `xl:py-144` `xl:py-none`