Function nestedCssToClassNames

packages/extension/utils/tailwind.ts:1204–1227

(style: NestedStyleMap)

}

export function nestedCssToClassNames(style: NestedStyleMap): string[] {
  const base: Record<string, string> = {}
  const nestedEntries: Array<{ selector: string; style: Record<string, string> }> = []

  for (const [key, value] of Object.entries(style)) {
    if (typeof value === 'string') {
      base[key] = value
      continue
    }
    if (!value || typeof value !== 'object' || Array.isArray(value)) continue
    nestedEntries.push({ selector: key, style: value })
  }

  const classNames = cssToClassNamesWithArbitraryProperties(base)

  for (const entry of nestedEntries) {
    const variant = nestedSelectorToVariant(entry.selector)
    if (!variant) continue
    const nestedClassNames = cssToClassNamesWithArbitraryProperties(entry.style)
    classNames.push(...nestedClassNames.map((className) => `${variant}:${className}`))
  }

  return Array.from(new Set(classNames))
}

export function joinClassNames(classNames: string[]): string {
  return classNames.filter(Boolean).join(' ')