@fayz-ai/ui 0.31.0 → 0.33.1

package/dist/styles.css

@@ -1,3 +1,61 @@
+
+/* ---------------------------------------------------------------------------
+   VIDRO LÍQUIDO — a superfície que deixa passar o que está atrás.
+   ---------------------------------------------------------------------------
+   Uma classe, dois usos: a coluna do módulo (que flutua sobre a tabela quando
+   se reabre sob o ponteiro) e a faixa do cabeçalho logo acima dela. Separadas,
+   as duas ficavam em tons diferentes e a emenda entre elas voltava a aparecer.
+
+   `background-color` e não o atalho `background`: a faixa desenha a régua num
+   `background-image` próprio, e o atalho a apagaria.
+   --------------------------------------------------------------------------- */
+.fz-liquid-glass {
+  background-color: color-mix(in srgb, var(--page-surface, hsl(var(--background))) 55%, transparent);
+  backdrop-filter: blur(22px);
+  -webkit-backdrop-filter: blur(22px);
+}
+
+/* ---------------------------------------------------------------------------
+   A GRADE DO PAINEL MEDE O ESPAÇO QUE TEM, NÃO A JANELA.
+   ---------------------------------------------------------------------------
+   Era `sm:grid-cols-2 lg:grid-cols-4`, e breakpoint de tela responde pela
+   janela inteira: numa tela de 1440px com o menu do módulo aberto e o painel do
+   assistente à direita, sobravam ~700px para o conteúdo e a grade continuava
+   pedindo QUATRO colunas — os cartões estouravam e o número saía cortado.
+
+   `auto-fill` + `minmax` conta as colunas pelo espaço REAL; `@container` faz o
+   mesmo com quem ocupa mais de uma. Ver DashboardGrid.
+   --------------------------------------------------------------------------- */
+.fz-dash-grid {
+  container-type: inline-size;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 13.5rem), 1fr));
+}
+.fz-dash-grid > [data-span='2'],
+.fz-dash-grid > [data-span='3'],
+.fz-dash-grid > [data-span='4'] { grid-column: span 1; }
+@container (min-width: 30rem) {
+  .fz-dash-grid > [data-span='2'] { grid-column: span 2; }
+  .fz-dash-grid > [data-span='3'] { grid-column: span 2; }
+  .fz-dash-grid > [data-span='4'] { grid-column: span 2; }
+}
+@container (min-width: 45rem) {
+  .fz-dash-grid > [data-span='3'] { grid-column: span 3; }
+  .fz-dash-grid > [data-span='4'] { grid-column: span 3; }
+}
+@container (min-width: 60rem) {
+  .fz-dash-grid > [data-span='4'] { grid-column: span 4; }
+}
+
+/* Onde a régua do cabeçalho pode começar — a largura da coluna do módulo mais o
+   raio da curva. Registrada para ser ANIMÁVEL: sem isto a régua saltaria para o
+   lugar novo enquanto a coluna ainda desliza. Ver RailColumn. */
+@property --page-rail-seam {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 0px;
+}
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -22,7 +80,14 @@
     --muted: 0 0% 96.9%;
     --muted-foreground: 0 0% 38%;
     --border: 0 0% 89%;
-    --input: 0 0% 54.1%;
+    /* A MOLDURA DO CAMPO É UMA HAIRLINE, NÃO UM TRAÇO.
+       54.1% é #8A8A8A: sobre papel branco ele sai três vezes mais escuro que a
+       borda do cartão que o contém (89%), e um formulário inteiro desenhado
+       assim lê como uma grade. O escuro tem de ir para o TEXTO. Um degrau
+       acima da borda do cartão basta para o campo se distinguir do cartão —
+       que é a mesma relação que o modo escuro já tinha (borda 22.7%, campo
+       32.2%) e que fazia o escuro parecer mais cuidado que o claro. */
+    --input: 0 0% 80%;
     --ring: 214 100% 41.4%;
     --popover: 0 0% 100%;
     --popover-foreground: 0 0% 18.8%;

package/dist/theme/index.js

@@ -1,3 +1,3 @@
-export { ThemeProvider, createFayzTheme, createTheme, darkTheme, fayzThemePresets, fayzUiPreset, lightTheme, useTheme } from '../chunk-VDAYIQX4.js';
+export { ThemeProvider, createFayzTheme, createTheme, darkTheme, fayzThemePresets, fayzUiPreset, lightTheme, useTheme } from '../chunk-C6PW5C5Q.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "beta"
   },
-  "version": "0.31.0",
+  "version": "0.33.1",
   "description": "Fayz SDK UI — Radix + Tailwind component library with CRUD engine and layout shells",
   "type": "module",
   "sideEffects": [
@@ -79,7 +79,7 @@
     "clsx": "^2.1.0",
     "recharts": "^2.15.0",
     "tailwind-merge": "^2.4.0",
-    "@fayz-ai/core": "^0.31.0"
+    "@fayz-ai/core": "^0.33.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",