2a:["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":1}] 2b:["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1 - Syntax básica: Escreva type MeuTipo = { [K in keyof T]: T[K] }. Isso cria uma cópia exata do tipo T. Parece inútil, mas é a base de tudo."}}]}] 2c:["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2 - Transformar valores: Troque T[K] pelo tipo que quiser. { [K in keyof T]: string } transforma todas as propriedades em string."}}]}]]}] 2d:["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3 - Adicionar modifier ?: Use { [K in keyof T]?: T[K] } pra tornar tudo opcional. É exatamente o que Partial faz."}}]}]]}] 2e:["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4 - Remover modifier com -: Use { [K in keyof T]-?: T[K] } pra tornar tudo obrigatório. O -? remove o opcional. É o Required."}}]}]]}] 2f:["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5 - Modifier readonly: Use { readonly [K in keyof T]: T[K] } pra tornar tudo readonly. E { -readonly [K in keyof T]: T[K] } pra remover readonly."}}]}]]}] 30:["$","div","5",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6 - Key remapping com as: Use { [K in keyof T as NovoNome]: T[K] } pra renomear chaves. Combine com template literals pra criar padrões como get${K}."}}]}]]}] 39:T461,

// Key remapping: renomear chaves com 'as'
// Criar getters automaticos: getName, getEmail, etc.
type AutoGetters<T> = {
  [K in keyof T as `get${Capitalize<string & K>}`]: () => T[K];
};

type UserAutoGetters = AutoGetters<User>;
// {
//   getId: () => number;
//   getName: () => string;
//   getEmail: () => string;
//   getAge: () => number;
// }

// Criar setters automaticos
type AutoSetters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
};

type UserAutoSetters = AutoSetters<User>;
// {
//   setId: (value: number) => void;
//   setName: (value: string) => void;
//   ...
// }

// Prefixar todas as chaves com on (eventos)
type EventHandlers<T> = {
  [K in keyof T as `on${Capitalize<string & K>}`]: (value: T[K]) => void;
};

type UserEvents = EventHandlers<User>;
// { onId: (value: number) => void; onName: (value: string) => void; ... }