Tailwind in Custom Attributes

[FrameMuse]

I'm an author of this UI rendering library, where it's possible to add custom JSX attributes.

I just thought that maybe it could be useful for Tailwind to not just abuse className, but be spread across a custom JSX attribute as Record instead.

Something like

function Component() {
  return (
    <div tw="flex gap-2" tw-hover="gap-4" />
  )
}

Or

function Component() {
  return (
    <div tw={{ default: "flex gap-2", hover: "gap-4" }} />
  )
}

Does this make any sense?
This could also be used to style Native applications as well, since className is not a part of native apps, but custom attributes can solve this problem.

Sorry if I don't make sense, I'm just looking for some connections.