list.tsx

import { clsx } from 'clsx'
import { Icon } from '@/components/icon'
import {
  type DOMNode,
  Element,
  type HTMLReactParserOptions,
  domToReact,
} from 'html-react-parser'
import { isTag } from '@/utils/parse-blocks-helpers'

export interface ListProps extends React.ComponentPropsWithoutRef<'ul'> {
  /** Variant of the list - controls default styling */
  variant?: 'default' | 'bulleted' | 'numbered' | 'unstyled'
  /** Custom spacing between list items */
  spacing?: 'tight' | 'normal' | 'loose'
  /** Gap override - provide full Tailwind classes like 'gap-4' or 'gap-x-8 gap-y-4' */
  gap?: string
  /** Font size override */
  fontSize?: string
  /** Text color override */