@cupcodev/ui 1.2.1 → 1.2.2

package/README.md

@@ -26,27 +26,24 @@ Compatibilidade de runtime: Node.js `>=18.18.0`.
 Compatibilidade de estilo: Tailwind CSS v3 (`tailwindcss@^3.4.x`).
 Gerenciador oficial: `npm` (lockfile único: `package-lock.json`).
 
-### Tailwind (obrigatorio para `styles.css`)
+### Styles (`styles.css` compilado)
 
-Use o preset disponibilizado pelo pacote:
+Para carregar o visual completo dos componentes (incluindo `UserMenuCupcode`, chat e modal Telescup), basta:
+
+```ts
+import "@cupcodev/ui/styles.css";
+```
+
+Se o app também usa Tailwind, o preset continua disponível:
 
 ```js
 // tailwind.config.js
 module.exports = {
   presets: [require("@cupcodev/ui/tailwind-preset.cjs")],
-  content: [
-    "./src/**/*.{ts,tsx}",
-    "./node_modules/@cupcodev/ui/dist/**/*.{js,jsx}",
-  ],
+  content: ["./src/**/*.{ts,tsx}"],
 };
 ```
 
-E importe os estilos completos:
-
-```ts
-import "@cupcodev/ui/styles.css";
-```
-
 Se voce quiser apenas variaveis + base minima (sem classes utilitarias/glass/dock), use:
 
 ```ts
@@ -54,10 +51,25 @@ import "@cupcodev/ui/styles/base.css";
 ```
 
 Importante:
-- `styles.css` pressupoe Tailwind + preset configurados no app consumidor.
+- `styles.css` agora ja vem compilado para uso direto no app consumidor.
 - `styles/global.css` nao deve ser usado isoladamente, porque nao inclui os tokens.
 - `styles/base.css` e o entrypoint seguro para tema/tokens quando voce nao quer carregar o pacote visual completo.
 
+### Config de runtime (env no app consumidor)
+
+Para componentes que dependem de env em runtime (chat/supabase/telescup), configure uma vez no bootstrap do app:
+
+```ts
+import { setCupcodeRuntimeEnv } from "@cupcodev/ui";
+
+setCupcodeRuntimeEnv({
+  VITE_SUPABASE_URL: import.meta.env.VITE_SUPABASE_URL,
+  VITE_SUPABASE_ANON_KEY: import.meta.env.VITE_SUPABASE_ANON_KEY,
+  VITE_TELESCUP_BASE_URL: import.meta.env.VITE_TELESCUP_BASE_URL,
+  VITE_TELESCUP_API_BASE: import.meta.env.VITE_TELESCUP_API_BASE,
+});
+```
+
 ### Uso básico
 
 ```tsx