export const popoverRoot = ''
export const popoverTrigger = 'border border-foreground/15 bg-background'
export const popoverPositioner = '!z-50'
export const popoverContent = 'min-w-46 w-(--reference-width) z-(--layer-index)'
export const popoverArrow = '[--arrow-size:10px]'
export const popoverArrowTip = [
  '[--arrow-background:var(--color-background)] rounded-tl-sm',
  'before:absolute before:inset-0 before:bg-background dark:before:bg-background/10 before:rounded-tl-sm before:border-s before:border-t before:border-foreground/10',
]
export const popoverTitle = 'font-medium text-base'
export const popoverDescription = 'opacity-80 py-1 relative'
export const popoverIndicator = 'ms-auto transition data-[state=open]:rotate-180'
export const popoverCloseTrigger = ''
