@lucasbernardosn/react-ui 0.4.0 → 0.5.0

package/dist/components/display/avatar/avatar-root-variants.js

@@ -32,245 +32,245 @@ const avatarRootVariants = cva([
 				"dark:[--avatar-solid-bg:var(--color-white)]",
 				"[--avatar-solid-fg:var(--color-white)]",
 				"dark:[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-gray-11)]",
-				"[--avatar-subtle-bg:var(--color-gray-4)]",
-				"[--avatar-surface-bg:var(--color-gray-3)]",
-				"[--avatar-surface-border:var(--color-gray-6)]",
-				"[--avatar-outline-border:var(--color-gray-7)]"
+				"[--avatar-fg:var(--gray-11)]",
+				"[--avatar-subtle-bg:var(--gray-4)]",
+				"[--avatar-surface-bg:var(--gray-3)]",
+				"[--avatar-surface-border:var(--gray-6)]",
+				"[--avatar-outline-border:var(--gray-7)]"
 			],
-			brand: [
-				"[--avatar-solid-bg:var(--color-brand-9)]",
+			accent: [
+				"[--avatar-solid-bg:var(--accent-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-brand-11)]",
-				"[--avatar-subtle-bg:var(--color-brand-4)]",
-				"[--avatar-surface-bg:var(--color-brand-3)]",
-				"[--avatar-surface-border:var(--color-brand-6)]",
-				"[--avatar-outline-border:var(--color-brand-7)]"
+				"[--avatar-fg:var(--accent-11)]",
+				"[--avatar-subtle-bg:var(--accent-4)]",
+				"[--avatar-surface-bg:var(--accent-3)]",
+				"[--avatar-surface-border:var(--accent-6)]",
+				"[--avatar-outline-border:var(--accent-7)]"
 			],
 			bronze: [
-				"[--avatar-solid-bg:var(--color-bronze-9)]",
+				"[--avatar-solid-bg:var(--bronze-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-bronze-11)]",
-				"[--avatar-subtle-bg:var(--color-bronze-4)]",
-				"[--avatar-surface-bg:var(--color-bronze-3)]",
-				"[--avatar-surface-border:var(--color-bronze-6)]",
-				"[--avatar-outline-border:var(--color-bronze-7)]"
+				"[--avatar-fg:var(--bronze-11)]",
+				"[--avatar-subtle-bg:var(--bronze-4)]",
+				"[--avatar-surface-bg:var(--bronze-3)]",
+				"[--avatar-surface-border:var(--bronze-6)]",
+				"[--avatar-outline-border:var(--bronze-7)]"
 			],
 			gold: [
-				"[--avatar-solid-bg:var(--color-gold-9)]",
+				"[--avatar-solid-bg:var(--gold-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-gold-11)]",
-				"[--avatar-subtle-bg:var(--color-gold-4)]",
-				"[--avatar-surface-bg:var(--color-gold-3)]",
-				"[--avatar-surface-border:var(--color-gold-6)]",
-				"[--avatar-outline-border:var(--color-gold-7)]"
+				"[--avatar-fg:var(--gold-11)]",
+				"[--avatar-subtle-bg:var(--gold-4)]",
+				"[--avatar-surface-bg:var(--gold-3)]",
+				"[--avatar-surface-border:var(--gold-6)]",
+				"[--avatar-outline-border:var(--gold-7)]"
 			],
 			brown: [
-				"[--avatar-solid-bg:var(--color-brown-9)]",
+				"[--avatar-solid-bg:var(--brown-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-brown-11)]",
-				"[--avatar-subtle-bg:var(--color-brown-4)]",
-				"[--avatar-surface-bg:var(--color-brown-3)]",
-				"[--avatar-surface-border:var(--color-brown-6)]",
-				"[--avatar-outline-border:var(--color-brown-7)]"
+				"[--avatar-fg:var(--brown-11)]",
+				"[--avatar-subtle-bg:var(--brown-4)]",
+				"[--avatar-surface-bg:var(--brown-3)]",
+				"[--avatar-surface-border:var(--brown-6)]",
+				"[--avatar-outline-border:var(--brown-7)]"
 			],
 			orange: [
-				"[--avatar-solid-bg:var(--color-orange-9)]",
+				"[--avatar-solid-bg:var(--orange-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-orange-11)]",
-				"[--avatar-subtle-bg:var(--color-orange-4)]",
-				"[--avatar-surface-bg:var(--color-orange-3)]",
-				"[--avatar-surface-border:var(--color-orange-6)]",
-				"[--avatar-outline-border:var(--color-orange-7)]"
+				"[--avatar-fg:var(--orange-11)]",
+				"[--avatar-subtle-bg:var(--orange-4)]",
+				"[--avatar-surface-bg:var(--orange-3)]",
+				"[--avatar-surface-border:var(--orange-6)]",
+				"[--avatar-outline-border:var(--orange-7)]"
 			],
 			tomato: [
-				"[--avatar-solid-bg:var(--color-tomato-9)]",
+				"[--avatar-solid-bg:var(--tomato-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-tomato-11)]",
-				"[--avatar-subtle-bg:var(--color-tomato-4)]",
-				"[--avatar-surface-bg:var(--color-tomato-3)]",
-				"[--avatar-surface-border:var(--color-tomato-6)]",
-				"[--avatar-outline-border:var(--color-tomato-7)]"
+				"[--avatar-fg:var(--tomato-11)]",
+				"[--avatar-subtle-bg:var(--tomato-4)]",
+				"[--avatar-surface-bg:var(--tomato-3)]",
+				"[--avatar-surface-border:var(--tomato-6)]",
+				"[--avatar-outline-border:var(--tomato-7)]"
 			],
 			red: [
-				"[--avatar-solid-bg:var(--color-red-9)]",
+				"[--avatar-solid-bg:var(--red-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-red-11)]",
-				"[--avatar-subtle-bg:var(--color-red-4)]",
-				"[--avatar-surface-bg:var(--color-red-3)]",
-				"[--avatar-surface-border:var(--color-red-6)]",
-				"[--avatar-outline-border:var(--color-red-7)]"
+				"[--avatar-fg:var(--red-11)]",
+				"[--avatar-subtle-bg:var(--red-4)]",
+				"[--avatar-surface-bg:var(--red-3)]",
+				"[--avatar-surface-border:var(--red-6)]",
+				"[--avatar-outline-border:var(--red-7)]"
 			],
 			ruby: [
-				"[--avatar-solid-bg:var(--color-ruby-9)]",
+				"[--avatar-solid-bg:var(--ruby-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-ruby-11)]",
-				"[--avatar-subtle-bg:var(--color-ruby-4)]",
-				"[--avatar-surface-bg:var(--color-ruby-3)]",
-				"[--avatar-surface-border:var(--color-ruby-6)]",
-				"[--avatar-outline-border:var(--color-ruby-7)]"
+				"[--avatar-fg:var(--ruby-11)]",
+				"[--avatar-subtle-bg:var(--ruby-4)]",
+				"[--avatar-surface-bg:var(--ruby-3)]",
+				"[--avatar-surface-border:var(--ruby-6)]",
+				"[--avatar-outline-border:var(--ruby-7)]"
 			],
 			crimson: [
-				"[--avatar-solid-bg:var(--color-crimson-9)]",
+				"[--avatar-solid-bg:var(--crimson-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-crimson-11)]",
-				"[--avatar-subtle-bg:var(--color-crimson-4)]",
-				"[--avatar-surface-bg:var(--color-crimson-3)]",
-				"[--avatar-surface-border:var(--color-crimson-6)]",
-				"[--avatar-outline-border:var(--color-crimson-7)]"
+				"[--avatar-fg:var(--crimson-11)]",
+				"[--avatar-subtle-bg:var(--crimson-4)]",
+				"[--avatar-surface-bg:var(--crimson-3)]",
+				"[--avatar-surface-border:var(--crimson-6)]",
+				"[--avatar-outline-border:var(--crimson-7)]"
 			],
 			pink: [
-				"[--avatar-solid-bg:var(--color-pink-9)]",
+				"[--avatar-solid-bg:var(--pink-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-pink-11)]",
-				"[--avatar-subtle-bg:var(--color-pink-4)]",
-				"[--avatar-surface-bg:var(--color-pink-3)]",
-				"[--avatar-surface-border:var(--color-pink-6)]",
-				"[--avatar-outline-border:var(--color-pink-7)]"
+				"[--avatar-fg:var(--pink-11)]",
+				"[--avatar-subtle-bg:var(--pink-4)]",
+				"[--avatar-surface-bg:var(--pink-3)]",
+				"[--avatar-surface-border:var(--pink-6)]",
+				"[--avatar-outline-border:var(--pink-7)]"
 			],
 			plum: [
-				"[--avatar-solid-bg:var(--color-plum-9)]",
+				"[--avatar-solid-bg:var(--plum-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-plum-11)]",
-				"[--avatar-subtle-bg:var(--color-plum-4)]",
-				"[--avatar-surface-bg:var(--color-plum-3)]",
-				"[--avatar-surface-border:var(--color-plum-6)]",
-				"[--avatar-outline-border:var(--color-plum-7)]"
+				"[--avatar-fg:var(--plum-11)]",
+				"[--avatar-subtle-bg:var(--plum-4)]",
+				"[--avatar-surface-bg:var(--plum-3)]",
+				"[--avatar-surface-border:var(--plum-6)]",
+				"[--avatar-outline-border:var(--plum-7)]"
 			],
 			purple: [
-				"[--avatar-solid-bg:var(--color-purple-9)]",
+				"[--avatar-solid-bg:var(--purple-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-purple-11)]",
-				"[--avatar-subtle-bg:var(--color-purple-4)]",
-				"[--avatar-surface-bg:var(--color-purple-3)]",
-				"[--avatar-surface-border:var(--color-purple-6)]",
-				"[--avatar-outline-border:var(--color-purple-7)]"
+				"[--avatar-fg:var(--purple-11)]",
+				"[--avatar-subtle-bg:var(--purple-4)]",
+				"[--avatar-surface-bg:var(--purple-3)]",
+				"[--avatar-surface-border:var(--purple-6)]",
+				"[--avatar-outline-border:var(--purple-7)]"
 			],
 			violet: [
-				"[--avatar-solid-bg:var(--color-violet-9)]",
+				"[--avatar-solid-bg:var(--violet-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-violet-11)]",
-				"[--avatar-subtle-bg:var(--color-violet-4)]",
-				"[--avatar-surface-bg:var(--color-violet-3)]",
-				"[--avatar-surface-border:var(--color-violet-6)]",
-				"[--avatar-outline-border:var(--color-violet-7)]"
+				"[--avatar-fg:var(--violet-11)]",
+				"[--avatar-subtle-bg:var(--violet-4)]",
+				"[--avatar-surface-bg:var(--violet-3)]",
+				"[--avatar-surface-border:var(--violet-6)]",
+				"[--avatar-outline-border:var(--violet-7)]"
 			],
 			iris: [
-				"[--avatar-solid-bg:var(--color-iris-9)]",
+				"[--avatar-solid-bg:var(--iris-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-iris-11)]",
-				"[--avatar-subtle-bg:var(--color-iris-4)]",
-				"[--avatar-surface-bg:var(--color-iris-3)]",
-				"[--avatar-surface-border:var(--color-iris-6)]",
-				"[--avatar-outline-border:var(--color-iris-7)]"
+				"[--avatar-fg:var(--iris-11)]",
+				"[--avatar-subtle-bg:var(--iris-4)]",
+				"[--avatar-surface-bg:var(--iris-3)]",
+				"[--avatar-surface-border:var(--iris-6)]",
+				"[--avatar-outline-border:var(--iris-7)]"
 			],
 			indigo: [
-				"[--avatar-solid-bg:var(--color-indigo-9)]",
+				"[--avatar-solid-bg:var(--indigo-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-indigo-11)]",
-				"[--avatar-subtle-bg:var(--color-indigo-4)]",
-				"[--avatar-surface-bg:var(--color-indigo-3)]",
-				"[--avatar-surface-border:var(--color-indigo-6)]",
-				"[--avatar-outline-border:var(--color-indigo-7)]"
+				"[--avatar-fg:var(--indigo-11)]",
+				"[--avatar-subtle-bg:var(--indigo-4)]",
+				"[--avatar-surface-bg:var(--indigo-3)]",
+				"[--avatar-surface-border:var(--indigo-6)]",
+				"[--avatar-outline-border:var(--indigo-7)]"
 			],
 			blue: [
-				"[--avatar-solid-bg:var(--color-blue-9)]",
+				"[--avatar-solid-bg:var(--blue-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-blue-11)]",
-				"[--avatar-subtle-bg:var(--color-blue-4)]",
-				"[--avatar-surface-bg:var(--color-blue-3)]",
-				"[--avatar-surface-border:var(--color-blue-6)]",
-				"[--avatar-outline-border:var(--color-blue-7)]"
+				"[--avatar-fg:var(--blue-11)]",
+				"[--avatar-subtle-bg:var(--blue-4)]",
+				"[--avatar-surface-bg:var(--blue-3)]",
+				"[--avatar-surface-border:var(--blue-6)]",
+				"[--avatar-outline-border:var(--blue-7)]"
 			],
 			cyan: [
-				"[--avatar-solid-bg:var(--color-cyan-9)]",
+				"[--avatar-solid-bg:var(--cyan-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-cyan-11)]",
-				"[--avatar-subtle-bg:var(--color-cyan-4)]",
-				"[--avatar-surface-bg:var(--color-cyan-3)]",
-				"[--avatar-surface-border:var(--color-cyan-6)]",
-				"[--avatar-outline-border:var(--color-cyan-7)]"
+				"[--avatar-fg:var(--cyan-11)]",
+				"[--avatar-subtle-bg:var(--cyan-4)]",
+				"[--avatar-surface-bg:var(--cyan-3)]",
+				"[--avatar-surface-border:var(--cyan-6)]",
+				"[--avatar-outline-border:var(--cyan-7)]"
 			],
 			teal: [
-				"[--avatar-solid-bg:var(--color-teal-9)]",
+				"[--avatar-solid-bg:var(--teal-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-teal-11)]",
-				"[--avatar-subtle-bg:var(--color-teal-4)]",
-				"[--avatar-surface-bg:var(--color-teal-3)]",
-				"[--avatar-surface-border:var(--color-teal-6)]",
-				"[--avatar-outline-border:var(--color-teal-7)]"
+				"[--avatar-fg:var(--teal-11)]",
+				"[--avatar-subtle-bg:var(--teal-4)]",
+				"[--avatar-surface-bg:var(--teal-3)]",
+				"[--avatar-surface-border:var(--teal-6)]",
+				"[--avatar-outline-border:var(--teal-7)]"
 			],
 			jade: [
-				"[--avatar-solid-bg:var(--color-jade-9)]",
+				"[--avatar-solid-bg:var(--jade-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-jade-11)]",
-				"[--avatar-subtle-bg:var(--color-jade-4)]",
-				"[--avatar-surface-bg:var(--color-jade-3)]",
-				"[--avatar-surface-border:var(--color-jade-6)]",
-				"[--avatar-outline-border:var(--color-jade-7)]"
+				"[--avatar-fg:var(--jade-11)]",
+				"[--avatar-subtle-bg:var(--jade-4)]",
+				"[--avatar-surface-bg:var(--jade-3)]",
+				"[--avatar-surface-border:var(--jade-6)]",
+				"[--avatar-outline-border:var(--jade-7)]"
 			],
 			green: [
-				"[--avatar-solid-bg:var(--color-green-9)]",
+				"[--avatar-solid-bg:var(--green-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-green-11)]",
-				"[--avatar-subtle-bg:var(--color-green-4)]",
-				"[--avatar-surface-bg:var(--color-green-3)]",
-				"[--avatar-surface-border:var(--color-green-6)]",
-				"[--avatar-outline-border:var(--color-green-7)]"
+				"[--avatar-fg:var(--green-11)]",
+				"[--avatar-subtle-bg:var(--green-4)]",
+				"[--avatar-surface-bg:var(--green-3)]",
+				"[--avatar-surface-border:var(--green-6)]",
+				"[--avatar-outline-border:var(--green-7)]"
 			],
 			grass: [
-				"[--avatar-solid-bg:var(--color-grass-9)]",
+				"[--avatar-solid-bg:var(--grass-9)]",
 				"[--avatar-solid-fg:var(--color-white)]",
-				"[--avatar-fg:var(--color-grass-11)]",
-				"[--avatar-subtle-bg:var(--color-grass-4)]",
-				"[--avatar-surface-bg:var(--color-grass-3)]",
-				"[--avatar-surface-border:var(--color-grass-6)]",
-				"[--avatar-outline-border:var(--color-grass-7)]"
+				"[--avatar-fg:var(--grass-11)]",
+				"[--avatar-subtle-bg:var(--grass-4)]",
+				"[--avatar-surface-bg:var(--grass-3)]",
+				"[--avatar-surface-border:var(--grass-6)]",
+				"[--avatar-outline-border:var(--grass-7)]"
 			],
 			lime: [
-				"[--avatar-solid-bg:var(--color-lime-9)]",
+				"[--avatar-solid-bg:var(--lime-9)]",
 				"[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-lime-11)]",
-				"[--avatar-subtle-bg:var(--color-lime-4)]",
-				"[--avatar-surface-bg:var(--color-lime-3)]",
-				"[--avatar-surface-border:var(--color-lime-6)]",
-				"[--avatar-outline-border:var(--color-lime-7)]"
+				"[--avatar-fg:var(--lime-11)]",
+				"[--avatar-subtle-bg:var(--lime-4)]",
+				"[--avatar-surface-bg:var(--lime-3)]",
+				"[--avatar-surface-border:var(--lime-6)]",
+				"[--avatar-outline-border:var(--lime-7)]"
 			],
 			mint: [
-				"[--avatar-solid-bg:var(--color-mint-9)]",
+				"[--avatar-solid-bg:var(--mint-9)]",
 				"[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-mint-11)]",
-				"[--avatar-subtle-bg:var(--color-mint-4)]",
-				"[--avatar-surface-bg:var(--color-mint-3)]",
-				"[--avatar-surface-border:var(--color-mint-6)]",
-				"[--avatar-outline-border:var(--color-mint-7)]"
+				"[--avatar-fg:var(--mint-11)]",
+				"[--avatar-subtle-bg:var(--mint-4)]",
+				"[--avatar-surface-bg:var(--mint-3)]",
+				"[--avatar-surface-border:var(--mint-6)]",
+				"[--avatar-outline-border:var(--mint-7)]"
 			],
 			sky: [
-				"[--avatar-solid-bg:var(--color-sky-9)]",
+				"[--avatar-solid-bg:var(--sky-9)]",
 				"[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-sky-11)]",
-				"[--avatar-subtle-bg:var(--color-sky-4)]",
-				"[--avatar-surface-bg:var(--color-sky-3)]",
-				"[--avatar-surface-border:var(--color-sky-6)]",
-				"[--avatar-outline-border:var(--color-sky-7)]"
+				"[--avatar-fg:var(--sky-11)]",
+				"[--avatar-subtle-bg:var(--sky-4)]",
+				"[--avatar-surface-bg:var(--sky-3)]",
+				"[--avatar-surface-border:var(--sky-6)]",
+				"[--avatar-outline-border:var(--sky-7)]"
 			],
 			yellow: [
-				"[--avatar-solid-bg:var(--color-yellow-9)]",
+				"[--avatar-solid-bg:var(--yellow-9)]",
 				"[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-yellow-11)]",
-				"[--avatar-subtle-bg:var(--color-yellow-4)]",
-				"[--avatar-surface-bg:var(--color-yellow-3)]",
-				"[--avatar-surface-border:var(--color-yellow-6)]",
-				"[--avatar-outline-border:var(--color-yellow-7)]"
+				"[--avatar-fg:var(--yellow-11)]",
+				"[--avatar-subtle-bg:var(--yellow-4)]",
+				"[--avatar-surface-bg:var(--yellow-3)]",
+				"[--avatar-surface-border:var(--yellow-6)]",
+				"[--avatar-outline-border:var(--yellow-7)]"
 			],
 			amber: [
-				"[--avatar-solid-bg:var(--color-amber-9)]",
+				"[--avatar-solid-bg:var(--amber-9)]",
 				"[--avatar-solid-fg:var(--color-black)]",
-				"[--avatar-fg:var(--color-amber-11)]",
-				"[--avatar-subtle-bg:var(--color-amber-4)]",
-				"[--avatar-surface-bg:var(--color-amber-3)]",
-				"[--avatar-surface-border:var(--color-amber-6)]",
-				"[--avatar-outline-border:var(--color-amber-7)]"
+				"[--avatar-fg:var(--amber-11)]",
+				"[--avatar-subtle-bg:var(--amber-4)]",
+				"[--avatar-surface-bg:var(--amber-3)]",
+				"[--avatar-surface-border:var(--amber-6)]",
+				"[--avatar-outline-border:var(--amber-7)]"
 			]
 		},
 		size: {

package/dist/components/display/avatar/avatar-root-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-root-variants.js","names":[],"sources":["../../../../src/components/display/avatar/avatar-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { ColorSchemeFull } from '#types';\n\nexport type AvatarRootVariants = {\n  /**\n   * Cor do fallback. Sem ela, a cor vem do `name`: o mesmo nome sempre dá a mesma cor, entre as\n   * escalas do tema menos o gray; sem `name`, gray.\n   */\n  colorScheme?: ColorSchemeFull;\n  /**\n   * Diâmetro e tamanho das iniciais: `2xs` = 20px, `xs` = 24px, `sm` = 32px, `md` = 40px (a altura\n   * do `Button` `md`), `lg` = 48px e `xl` = 56px.\n   *\n   * @default 'md'\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Fundo e borda do fallback, como no `Badge`: `subtle` com fundo suave, `surface` com fundo suave\n   * e borda, `outline` só com borda e `solid` com o fundo cheio (passo 9) e o texto em contraste. A\n   * foto não muda.\n   *\n   * @default 'subtle'\n   */\n  variant?: 'subtle' | 'surface' | 'outline' | 'solid';\n};\n\nexport const avatarRootDefaultVariants: Pick<\n  Required<AvatarRootVariants>,\n  'size' | 'variant'\n> = {\n  size: 'md',\n  variant: 'subtle',\n};\n\n/**\n * O `colorScheme` só declara as cores (`--avatar-*`), e a `variant` escolhe quais delas o\n * `Avatar.Fallback` usa, em `--avatar-fallback-bg`, `--avatar-fallback-fg` e\n * `--avatar-fallback-border`. Assim o fallback não precisa de contexto, e uma cor nova é um bloco\n * de variáveis. No `solid`, o texto é branco, menos nas escalas claras demais para ele (amber,\n * yellow, sky, mint e lime), que levam preto; o gray é preto no tema claro e branco no escuro.\n */\nexport const avatarRootVariants = cva(\n  [\n    'relative',\n    'isolate',\n\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'shrink-0',\n    'align-middle',\n\n    'overflow-hidden',\n    'rounded-full',\n\n    'font-medium',\n    'leading-none',\n    'select-none',\n  ],\n  {\n    variants: {\n      colorScheme: {\n        gray: [\n          '[--avatar-solid-bg:var(--color-black)]',\n          'dark:[--avatar-solid-bg:var(--color-white)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          'dark:[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-gray-11)]',\n          '[--avatar-subtle-bg:var(--color-gray-4)]',\n          '[--avatar-surface-bg:var(--color-gray-3)]',\n          '[--avatar-surface-border:var(--color-gray-6)]',\n          '[--avatar-outline-border:var(--color-gray-7)]',\n        ],\n        brand: [\n          '[--avatar-solid-bg:var(--color-brand-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-brand-11)]',\n          '[--avatar-subtle-bg:var(--color-brand-4)]',\n          '[--avatar-surface-bg:var(--color-brand-3)]',\n          '[--avatar-surface-border:var(--color-brand-6)]',\n          '[--avatar-outline-border:var(--color-brand-7)]',\n        ],\n        bronze: [\n          '[--avatar-solid-bg:var(--color-bronze-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-bronze-11)]',\n          '[--avatar-subtle-bg:var(--color-bronze-4)]',\n          '[--avatar-surface-bg:var(--color-bronze-3)]',\n          '[--avatar-surface-border:var(--color-bronze-6)]',\n          '[--avatar-outline-border:var(--color-bronze-7)]',\n        ],\n        gold: [\n          '[--avatar-solid-bg:var(--color-gold-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-gold-11)]',\n          '[--avatar-subtle-bg:var(--color-gold-4)]',\n          '[--avatar-surface-bg:var(--color-gold-3)]',\n          '[--avatar-surface-border:var(--color-gold-6)]',\n          '[--avatar-outline-border:var(--color-gold-7)]',\n        ],\n        brown: [\n          '[--avatar-solid-bg:var(--color-brown-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-brown-11)]',\n          '[--avatar-subtle-bg:var(--color-brown-4)]',\n          '[--avatar-surface-bg:var(--color-brown-3)]',\n          '[--avatar-surface-border:var(--color-brown-6)]',\n          '[--avatar-outline-border:var(--color-brown-7)]',\n        ],\n        orange: [\n          '[--avatar-solid-bg:var(--color-orange-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-orange-11)]',\n          '[--avatar-subtle-bg:var(--color-orange-4)]',\n          '[--avatar-surface-bg:var(--color-orange-3)]',\n          '[--avatar-surface-border:var(--color-orange-6)]',\n          '[--avatar-outline-border:var(--color-orange-7)]',\n        ],\n        tomato: [\n          '[--avatar-solid-bg:var(--color-tomato-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-tomato-11)]',\n          '[--avatar-subtle-bg:var(--color-tomato-4)]',\n          '[--avatar-surface-bg:var(--color-tomato-3)]',\n          '[--avatar-surface-border:var(--color-tomato-6)]',\n          '[--avatar-outline-border:var(--color-tomato-7)]',\n        ],\n        red: [\n          '[--avatar-solid-bg:var(--color-red-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-red-11)]',\n          '[--avatar-subtle-bg:var(--color-red-4)]',\n          '[--avatar-surface-bg:var(--color-red-3)]',\n          '[--avatar-surface-border:var(--color-red-6)]',\n          '[--avatar-outline-border:var(--color-red-7)]',\n        ],\n        ruby: [\n          '[--avatar-solid-bg:var(--color-ruby-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-ruby-11)]',\n          '[--avatar-subtle-bg:var(--color-ruby-4)]',\n          '[--avatar-surface-bg:var(--color-ruby-3)]',\n          '[--avatar-surface-border:var(--color-ruby-6)]',\n          '[--avatar-outline-border:var(--color-ruby-7)]',\n        ],\n        crimson: [\n          '[--avatar-solid-bg:var(--color-crimson-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-crimson-11)]',\n          '[--avatar-subtle-bg:var(--color-crimson-4)]',\n          '[--avatar-surface-bg:var(--color-crimson-3)]',\n          '[--avatar-surface-border:var(--color-crimson-6)]',\n          '[--avatar-outline-border:var(--color-crimson-7)]',\n        ],\n        pink: [\n          '[--avatar-solid-bg:var(--color-pink-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-pink-11)]',\n          '[--avatar-subtle-bg:var(--color-pink-4)]',\n          '[--avatar-surface-bg:var(--color-pink-3)]',\n          '[--avatar-surface-border:var(--color-pink-6)]',\n          '[--avatar-outline-border:var(--color-pink-7)]',\n        ],\n        plum: [\n          '[--avatar-solid-bg:var(--color-plum-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-plum-11)]',\n          '[--avatar-subtle-bg:var(--color-plum-4)]',\n          '[--avatar-surface-bg:var(--color-plum-3)]',\n          '[--avatar-surface-border:var(--color-plum-6)]',\n          '[--avatar-outline-border:var(--color-plum-7)]',\n        ],\n        purple: [\n          '[--avatar-solid-bg:var(--color-purple-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-purple-11)]',\n          '[--avatar-subtle-bg:var(--color-purple-4)]',\n          '[--avatar-surface-bg:var(--color-purple-3)]',\n          '[--avatar-surface-border:var(--color-purple-6)]',\n          '[--avatar-outline-border:var(--color-purple-7)]',\n        ],\n        violet: [\n          '[--avatar-solid-bg:var(--color-violet-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-violet-11)]',\n          '[--avatar-subtle-bg:var(--color-violet-4)]',\n          '[--avatar-surface-bg:var(--color-violet-3)]',\n          '[--avatar-surface-border:var(--color-violet-6)]',\n          '[--avatar-outline-border:var(--color-violet-7)]',\n        ],\n        iris: [\n          '[--avatar-solid-bg:var(--color-iris-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-iris-11)]',\n          '[--avatar-subtle-bg:var(--color-iris-4)]',\n          '[--avatar-surface-bg:var(--color-iris-3)]',\n          '[--avatar-surface-border:var(--color-iris-6)]',\n          '[--avatar-outline-border:var(--color-iris-7)]',\n        ],\n        indigo: [\n          '[--avatar-solid-bg:var(--color-indigo-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-indigo-11)]',\n          '[--avatar-subtle-bg:var(--color-indigo-4)]',\n          '[--avatar-surface-bg:var(--color-indigo-3)]',\n          '[--avatar-surface-border:var(--color-indigo-6)]',\n          '[--avatar-outline-border:var(--color-indigo-7)]',\n        ],\n        blue: [\n          '[--avatar-solid-bg:var(--color-blue-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-blue-11)]',\n          '[--avatar-subtle-bg:var(--color-blue-4)]',\n          '[--avatar-surface-bg:var(--color-blue-3)]',\n          '[--avatar-surface-border:var(--color-blue-6)]',\n          '[--avatar-outline-border:var(--color-blue-7)]',\n        ],\n        cyan: [\n          '[--avatar-solid-bg:var(--color-cyan-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-cyan-11)]',\n          '[--avatar-subtle-bg:var(--color-cyan-4)]',\n          '[--avatar-surface-bg:var(--color-cyan-3)]',\n          '[--avatar-surface-border:var(--color-cyan-6)]',\n          '[--avatar-outline-border:var(--color-cyan-7)]',\n        ],\n        teal: [\n          '[--avatar-solid-bg:var(--color-teal-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-teal-11)]',\n          '[--avatar-subtle-bg:var(--color-teal-4)]',\n          '[--avatar-surface-bg:var(--color-teal-3)]',\n          '[--avatar-surface-border:var(--color-teal-6)]',\n          '[--avatar-outline-border:var(--color-teal-7)]',\n        ],\n        jade: [\n          '[--avatar-solid-bg:var(--color-jade-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-jade-11)]',\n          '[--avatar-subtle-bg:var(--color-jade-4)]',\n          '[--avatar-surface-bg:var(--color-jade-3)]',\n          '[--avatar-surface-border:var(--color-jade-6)]',\n          '[--avatar-outline-border:var(--color-jade-7)]',\n        ],\n        green: [\n          '[--avatar-solid-bg:var(--color-green-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-green-11)]',\n          '[--avatar-subtle-bg:var(--color-green-4)]',\n          '[--avatar-surface-bg:var(--color-green-3)]',\n          '[--avatar-surface-border:var(--color-green-6)]',\n          '[--avatar-outline-border:var(--color-green-7)]',\n        ],\n        grass: [\n          '[--avatar-solid-bg:var(--color-grass-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--color-grass-11)]',\n          '[--avatar-subtle-bg:var(--color-grass-4)]',\n          '[--avatar-surface-bg:var(--color-grass-3)]',\n          '[--avatar-surface-border:var(--color-grass-6)]',\n          '[--avatar-outline-border:var(--color-grass-7)]',\n        ],\n        lime: [\n          '[--avatar-solid-bg:var(--color-lime-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-lime-11)]',\n          '[--avatar-subtle-bg:var(--color-lime-4)]',\n          '[--avatar-surface-bg:var(--color-lime-3)]',\n          '[--avatar-surface-border:var(--color-lime-6)]',\n          '[--avatar-outline-border:var(--color-lime-7)]',\n        ],\n        mint: [\n          '[--avatar-solid-bg:var(--color-mint-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-mint-11)]',\n          '[--avatar-subtle-bg:var(--color-mint-4)]',\n          '[--avatar-surface-bg:var(--color-mint-3)]',\n          '[--avatar-surface-border:var(--color-mint-6)]',\n          '[--avatar-outline-border:var(--color-mint-7)]',\n        ],\n        sky: [\n          '[--avatar-solid-bg:var(--color-sky-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-sky-11)]',\n          '[--avatar-subtle-bg:var(--color-sky-4)]',\n          '[--avatar-surface-bg:var(--color-sky-3)]',\n          '[--avatar-surface-border:var(--color-sky-6)]',\n          '[--avatar-outline-border:var(--color-sky-7)]',\n        ],\n        yellow: [\n          '[--avatar-solid-bg:var(--color-yellow-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-yellow-11)]',\n          '[--avatar-subtle-bg:var(--color-yellow-4)]',\n          '[--avatar-surface-bg:var(--color-yellow-3)]',\n          '[--avatar-surface-border:var(--color-yellow-6)]',\n          '[--avatar-outline-border:var(--color-yellow-7)]',\n        ],\n        amber: [\n          '[--avatar-solid-bg:var(--color-amber-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--color-amber-11)]',\n          '[--avatar-subtle-bg:var(--color-amber-4)]',\n          '[--avatar-surface-bg:var(--color-amber-3)]',\n          '[--avatar-surface-border:var(--color-amber-6)]',\n          '[--avatar-outline-border:var(--color-amber-7)]',\n        ],\n      },\n      // As iniciais ficam perto de 40% do diâmetro; nos dois menores, em 50%, porque abaixo disso\n      // não se leem.\n      size: {\n        '2xs': ['size-5', 'text-2xs'],\n        xs: ['size-6', 'text-xs'],\n        sm: ['size-8', 'text-sm'],\n        md: ['size-10', 'text-base'],\n        lg: ['size-12', 'text-xl'],\n        xl: ['size-14', 'text-2xl'],\n      },\n      variant: {\n        subtle: [\n          '[--avatar-fallback-bg:var(--avatar-subtle-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:transparent]',\n        ],\n        surface: [\n          '[--avatar-fallback-bg:var(--avatar-surface-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:var(--avatar-surface-border)]',\n        ],\n        outline: [\n          '[--avatar-fallback-bg:transparent]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:var(--avatar-outline-border)]',\n        ],\n        solid: [\n          '[--avatar-fallback-bg:var(--avatar-solid-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-solid-fg)]',\n          '[--avatar-fallback-border:transparent]',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: avatarRootDefaultVariants.size,\n      variant: avatarRootDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;AA0BA,MAAa,4BAGT;CACF,MAAM;CACN,SAAS;AACX;;;;;;;;AASA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,aAAa;GACX,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EAGA,MAAM;GACJ,OAAO,CAAC,UAAU,UAAU;GAC5B,IAAI,CAAC,UAAU,SAAS;GACxB,IAAI,CAAC,UAAU,SAAS;GACxB,IAAI,CAAC,WAAW,WAAW;GAC3B,IAAI,CAAC,WAAW,SAAS;GACzB,IAAI,CAAC,WAAW,UAAU;EAC5B;EACA,SAAS;GACP,QAAQ;IACN;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;GACF;EACF;CACF;CACA,iBAAiB;EACf,MAAM,0BAA0B;EAChC,SAAS,0BAA0B;CACrC;AACF,CACF"}
+{"version":3,"file":"avatar-root-variants.js","names":[],"sources":["../../../../src/components/display/avatar/avatar-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { ColorSchemeFull } from '#types';\n\nexport type AvatarRootVariants = {\n  /**\n   * Cor do fallback. Sem ela, a cor vem do `name`: o mesmo nome sempre dá a mesma cor, entre as\n   * escalas do tema menos o gray; sem `name`, gray.\n   */\n  colorScheme?: ColorSchemeFull;\n  /**\n   * Diâmetro e tamanho das iniciais: `2xs` = 20px, `xs` = 24px, `sm` = 32px, `md` = 40px (a altura\n   * do `Button` `md`), `lg` = 48px e `xl` = 56px.\n   *\n   * @default 'md'\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Fundo e borda do fallback, como no `Badge`: `subtle` com fundo suave, `surface` com fundo suave\n   * e borda, `outline` só com borda e `solid` com o fundo cheio (passo 9) e o texto em contraste. A\n   * foto não muda.\n   *\n   * @default 'subtle'\n   */\n  variant?: 'subtle' | 'surface' | 'outline' | 'solid';\n};\n\nexport const avatarRootDefaultVariants: Pick<\n  Required<AvatarRootVariants>,\n  'size' | 'variant'\n> = {\n  size: 'md',\n  variant: 'subtle',\n};\n\n/**\n * O `colorScheme` só declara as cores (`--avatar-*`), e a `variant` escolhe quais delas o\n * `Avatar.Fallback` usa, em `--avatar-fallback-bg`, `--avatar-fallback-fg` e\n * `--avatar-fallback-border`. Assim o fallback não precisa de contexto, e uma cor nova é um bloco\n * de variáveis. No `solid`, o texto é branco, menos nas escalas claras demais para ele (amber,\n * yellow, sky, mint e lime), que levam preto; o gray é preto no tema claro e branco no escuro.\n */\nexport const avatarRootVariants = cva(\n  [\n    'relative',\n    'isolate',\n\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'shrink-0',\n    'align-middle',\n\n    'overflow-hidden',\n    'rounded-full',\n\n    'font-medium',\n    'leading-none',\n    'select-none',\n  ],\n  {\n    variants: {\n      colorScheme: {\n        gray: [\n          '[--avatar-solid-bg:var(--color-black)]',\n          'dark:[--avatar-solid-bg:var(--color-white)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          'dark:[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--gray-11)]',\n          '[--avatar-subtle-bg:var(--gray-4)]',\n          '[--avatar-surface-bg:var(--gray-3)]',\n          '[--avatar-surface-border:var(--gray-6)]',\n          '[--avatar-outline-border:var(--gray-7)]',\n        ],\n        accent: [\n          '[--avatar-solid-bg:var(--accent-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--accent-11)]',\n          '[--avatar-subtle-bg:var(--accent-4)]',\n          '[--avatar-surface-bg:var(--accent-3)]',\n          '[--avatar-surface-border:var(--accent-6)]',\n          '[--avatar-outline-border:var(--accent-7)]',\n        ],\n        bronze: [\n          '[--avatar-solid-bg:var(--bronze-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--bronze-11)]',\n          '[--avatar-subtle-bg:var(--bronze-4)]',\n          '[--avatar-surface-bg:var(--bronze-3)]',\n          '[--avatar-surface-border:var(--bronze-6)]',\n          '[--avatar-outline-border:var(--bronze-7)]',\n        ],\n        gold: [\n          '[--avatar-solid-bg:var(--gold-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--gold-11)]',\n          '[--avatar-subtle-bg:var(--gold-4)]',\n          '[--avatar-surface-bg:var(--gold-3)]',\n          '[--avatar-surface-border:var(--gold-6)]',\n          '[--avatar-outline-border:var(--gold-7)]',\n        ],\n        brown: [\n          '[--avatar-solid-bg:var(--brown-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--brown-11)]',\n          '[--avatar-subtle-bg:var(--brown-4)]',\n          '[--avatar-surface-bg:var(--brown-3)]',\n          '[--avatar-surface-border:var(--brown-6)]',\n          '[--avatar-outline-border:var(--brown-7)]',\n        ],\n        orange: [\n          '[--avatar-solid-bg:var(--orange-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--orange-11)]',\n          '[--avatar-subtle-bg:var(--orange-4)]',\n          '[--avatar-surface-bg:var(--orange-3)]',\n          '[--avatar-surface-border:var(--orange-6)]',\n          '[--avatar-outline-border:var(--orange-7)]',\n        ],\n        tomato: [\n          '[--avatar-solid-bg:var(--tomato-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--tomato-11)]',\n          '[--avatar-subtle-bg:var(--tomato-4)]',\n          '[--avatar-surface-bg:var(--tomato-3)]',\n          '[--avatar-surface-border:var(--tomato-6)]',\n          '[--avatar-outline-border:var(--tomato-7)]',\n        ],\n        red: [\n          '[--avatar-solid-bg:var(--red-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--red-11)]',\n          '[--avatar-subtle-bg:var(--red-4)]',\n          '[--avatar-surface-bg:var(--red-3)]',\n          '[--avatar-surface-border:var(--red-6)]',\n          '[--avatar-outline-border:var(--red-7)]',\n        ],\n        ruby: [\n          '[--avatar-solid-bg:var(--ruby-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--ruby-11)]',\n          '[--avatar-subtle-bg:var(--ruby-4)]',\n          '[--avatar-surface-bg:var(--ruby-3)]',\n          '[--avatar-surface-border:var(--ruby-6)]',\n          '[--avatar-outline-border:var(--ruby-7)]',\n        ],\n        crimson: [\n          '[--avatar-solid-bg:var(--crimson-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--crimson-11)]',\n          '[--avatar-subtle-bg:var(--crimson-4)]',\n          '[--avatar-surface-bg:var(--crimson-3)]',\n          '[--avatar-surface-border:var(--crimson-6)]',\n          '[--avatar-outline-border:var(--crimson-7)]',\n        ],\n        pink: [\n          '[--avatar-solid-bg:var(--pink-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--pink-11)]',\n          '[--avatar-subtle-bg:var(--pink-4)]',\n          '[--avatar-surface-bg:var(--pink-3)]',\n          '[--avatar-surface-border:var(--pink-6)]',\n          '[--avatar-outline-border:var(--pink-7)]',\n        ],\n        plum: [\n          '[--avatar-solid-bg:var(--plum-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--plum-11)]',\n          '[--avatar-subtle-bg:var(--plum-4)]',\n          '[--avatar-surface-bg:var(--plum-3)]',\n          '[--avatar-surface-border:var(--plum-6)]',\n          '[--avatar-outline-border:var(--plum-7)]',\n        ],\n        purple: [\n          '[--avatar-solid-bg:var(--purple-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--purple-11)]',\n          '[--avatar-subtle-bg:var(--purple-4)]',\n          '[--avatar-surface-bg:var(--purple-3)]',\n          '[--avatar-surface-border:var(--purple-6)]',\n          '[--avatar-outline-border:var(--purple-7)]',\n        ],\n        violet: [\n          '[--avatar-solid-bg:var(--violet-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--violet-11)]',\n          '[--avatar-subtle-bg:var(--violet-4)]',\n          '[--avatar-surface-bg:var(--violet-3)]',\n          '[--avatar-surface-border:var(--violet-6)]',\n          '[--avatar-outline-border:var(--violet-7)]',\n        ],\n        iris: [\n          '[--avatar-solid-bg:var(--iris-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--iris-11)]',\n          '[--avatar-subtle-bg:var(--iris-4)]',\n          '[--avatar-surface-bg:var(--iris-3)]',\n          '[--avatar-surface-border:var(--iris-6)]',\n          '[--avatar-outline-border:var(--iris-7)]',\n        ],\n        indigo: [\n          '[--avatar-solid-bg:var(--indigo-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--indigo-11)]',\n          '[--avatar-subtle-bg:var(--indigo-4)]',\n          '[--avatar-surface-bg:var(--indigo-3)]',\n          '[--avatar-surface-border:var(--indigo-6)]',\n          '[--avatar-outline-border:var(--indigo-7)]',\n        ],\n        blue: [\n          '[--avatar-solid-bg:var(--blue-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--blue-11)]',\n          '[--avatar-subtle-bg:var(--blue-4)]',\n          '[--avatar-surface-bg:var(--blue-3)]',\n          '[--avatar-surface-border:var(--blue-6)]',\n          '[--avatar-outline-border:var(--blue-7)]',\n        ],\n        cyan: [\n          '[--avatar-solid-bg:var(--cyan-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--cyan-11)]',\n          '[--avatar-subtle-bg:var(--cyan-4)]',\n          '[--avatar-surface-bg:var(--cyan-3)]',\n          '[--avatar-surface-border:var(--cyan-6)]',\n          '[--avatar-outline-border:var(--cyan-7)]',\n        ],\n        teal: [\n          '[--avatar-solid-bg:var(--teal-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--teal-11)]',\n          '[--avatar-subtle-bg:var(--teal-4)]',\n          '[--avatar-surface-bg:var(--teal-3)]',\n          '[--avatar-surface-border:var(--teal-6)]',\n          '[--avatar-outline-border:var(--teal-7)]',\n        ],\n        jade: [\n          '[--avatar-solid-bg:var(--jade-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--jade-11)]',\n          '[--avatar-subtle-bg:var(--jade-4)]',\n          '[--avatar-surface-bg:var(--jade-3)]',\n          '[--avatar-surface-border:var(--jade-6)]',\n          '[--avatar-outline-border:var(--jade-7)]',\n        ],\n        green: [\n          '[--avatar-solid-bg:var(--green-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--green-11)]',\n          '[--avatar-subtle-bg:var(--green-4)]',\n          '[--avatar-surface-bg:var(--green-3)]',\n          '[--avatar-surface-border:var(--green-6)]',\n          '[--avatar-outline-border:var(--green-7)]',\n        ],\n        grass: [\n          '[--avatar-solid-bg:var(--grass-9)]',\n          '[--avatar-solid-fg:var(--color-white)]',\n          '[--avatar-fg:var(--grass-11)]',\n          '[--avatar-subtle-bg:var(--grass-4)]',\n          '[--avatar-surface-bg:var(--grass-3)]',\n          '[--avatar-surface-border:var(--grass-6)]',\n          '[--avatar-outline-border:var(--grass-7)]',\n        ],\n        lime: [\n          '[--avatar-solid-bg:var(--lime-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--lime-11)]',\n          '[--avatar-subtle-bg:var(--lime-4)]',\n          '[--avatar-surface-bg:var(--lime-3)]',\n          '[--avatar-surface-border:var(--lime-6)]',\n          '[--avatar-outline-border:var(--lime-7)]',\n        ],\n        mint: [\n          '[--avatar-solid-bg:var(--mint-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--mint-11)]',\n          '[--avatar-subtle-bg:var(--mint-4)]',\n          '[--avatar-surface-bg:var(--mint-3)]',\n          '[--avatar-surface-border:var(--mint-6)]',\n          '[--avatar-outline-border:var(--mint-7)]',\n        ],\n        sky: [\n          '[--avatar-solid-bg:var(--sky-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--sky-11)]',\n          '[--avatar-subtle-bg:var(--sky-4)]',\n          '[--avatar-surface-bg:var(--sky-3)]',\n          '[--avatar-surface-border:var(--sky-6)]',\n          '[--avatar-outline-border:var(--sky-7)]',\n        ],\n        yellow: [\n          '[--avatar-solid-bg:var(--yellow-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--yellow-11)]',\n          '[--avatar-subtle-bg:var(--yellow-4)]',\n          '[--avatar-surface-bg:var(--yellow-3)]',\n          '[--avatar-surface-border:var(--yellow-6)]',\n          '[--avatar-outline-border:var(--yellow-7)]',\n        ],\n        amber: [\n          '[--avatar-solid-bg:var(--amber-9)]',\n          '[--avatar-solid-fg:var(--color-black)]',\n          '[--avatar-fg:var(--amber-11)]',\n          '[--avatar-subtle-bg:var(--amber-4)]',\n          '[--avatar-surface-bg:var(--amber-3)]',\n          '[--avatar-surface-border:var(--amber-6)]',\n          '[--avatar-outline-border:var(--amber-7)]',\n        ],\n      },\n      // As iniciais ficam perto de 40% do diâmetro; nos dois menores, em 50%, porque abaixo disso\n      // não se leem.\n      size: {\n        '2xs': ['size-5', 'text-2xs'],\n        xs: ['size-6', 'text-xs'],\n        sm: ['size-8', 'text-sm'],\n        md: ['size-10', 'text-base'],\n        lg: ['size-12', 'text-xl'],\n        xl: ['size-14', 'text-2xl'],\n      },\n      variant: {\n        subtle: [\n          '[--avatar-fallback-bg:var(--avatar-subtle-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:transparent]',\n        ],\n        surface: [\n          '[--avatar-fallback-bg:var(--avatar-surface-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:var(--avatar-surface-border)]',\n        ],\n        outline: [\n          '[--avatar-fallback-bg:transparent]',\n          '[--avatar-fallback-fg:var(--avatar-fg)]',\n          '[--avatar-fallback-border:var(--avatar-outline-border)]',\n        ],\n        solid: [\n          '[--avatar-fallback-bg:var(--avatar-solid-bg)]',\n          '[--avatar-fallback-fg:var(--avatar-solid-fg)]',\n          '[--avatar-fallback-border:transparent]',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: avatarRootDefaultVariants.size,\n      variant: avatarRootDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;AA0BA,MAAa,4BAGT;CACF,MAAM;CACN,SAAS;AACX;;;;;;;;AASA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,aAAa;GACX,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EAGA,MAAM;GACJ,OAAO,CAAC,UAAU,UAAU;GAC5B,IAAI,CAAC,UAAU,SAAS;GACxB,IAAI,CAAC,UAAU,SAAS;GACxB,IAAI,CAAC,WAAW,WAAW;GAC3B,IAAI,CAAC,WAAW,SAAS;GACzB,IAAI,CAAC,WAAW,UAAU;EAC5B;EACA,SAAS;GACP,QAAQ;IACN;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;GACF;EACF;CACF;CACA,iBAAiB;EACf,MAAM,0BAA0B;EAChC,SAAS,0BAA0B;CACrC;AACF,CACF"}

package/dist/components/display/badge/badge-variants.d.ts

@@ -24,19 +24,19 @@ export type BadgeVariants = {
 };
 export declare const badgeDefaultVariants: Required<BadgeVariants>;
 /**
- * Origem do visual do rótulo curto, copiado pela `Tag` (tabela no README de `display`).
+ * Origem do visual do rótulo curto, copiado pela `Tag`.
  *
  * O `colorScheme` só declara as variáveis `--badge-*`, e a `variant` decide onde cada uma entra.
  * Assim uma cor nova é um bloco de variáveis, sem um bloco por combinação de cor e `variant`. O
- * fundo e a borda usam a escala alpha, para o badge funcionar sobre qualquer fundo. No `solid`, o
- * texto é branco, menos em amber, yellow, sky, mint e lime, claros demais para ele, que levam
- * preto; o gray sólido é preto no tema claro e branco no escuro, como o do `Button`.
+ * fundo usa a escala alpha, para o badge funcionar sobre qualquer fundo, e a borda o passo sólido.
+ * No `solid`, o texto é branco, menos em amber, yellow, sky, mint e lime, claros demais para ele,
+ * que levam preto; o gray sólido é preto no tema claro e branco no escuro, como o do `Button`.
  *
  * O `max-w-full` e o `min-w-0` limitam o badge à largura do pai, para o `Badge` cortar um texto
  * longo com reticências. O `shrink-0` fica: numa linha flex, quem encolhe é o vizinho.
  */
 export declare const badgeVariants: (props?: ({
-  colorScheme?: "gray" | "brand" | "red" | "green" | "blue" | "teal" | "pink" | "purple" | "cyan" | "orange" | "brown" | "yellow" | "amber" | "ruby" | "bronze" | "gold" | "tomato" | "crimson" | "plum" | "violet" | "iris" | "indigo" | "jade" | "grass" | "lime" | "mint" | "sky" | null | undefined;
+  colorScheme?: "ruby" | "gray" | "accent" | "red" | "green" | "blue" | "teal" | "pink" | "purple" | "cyan" | "orange" | "brown" | "yellow" | "amber" | "bronze" | "gold" | "tomato" | "crimson" | "plum" | "violet" | "iris" | "indigo" | "jade" | "grass" | "lime" | "mint" | "sky" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
   variant?: "solid" | "subtle" | "surface" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;