@snksergio/design-system 0.33.0 → 0.35.0

package/dist-lib/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-CrvABv4t.cjs");
-const useTheme = require("./chunks/useTheme-CTiMYKox.cjs");
+const panel = require("./chunks/panel-DlyaLunw.cjs");
+const useTheme = require("./chunks/useTheme-D4alxxGV.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
 const SeparatorPrimitive = require("@radix-ui/react-separator");
-const input = require("./chunks/input-Vkj4PEp9.cjs");
-const kpiDelta = require("./chunks/kpi-delta-RBYsYF3x.cjs");
-const pageHeader = require("./chunks/page-header-CS1NxTW3.cjs");
+const input = require("./chunks/input-CizzMZ20.cjs");
+const kpiDelta = require("./chunks/kpi-delta-DrSJPMCY.cjs");
+const pageHeader = require("./chunks/page-header-BMzUloFi.cjs");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
 const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
 function _interopNamespaceDefault(e) {

package/dist-lib/index.mjs

@@ -1,17 +1,17 @@
-import { C as Checkbox, g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-Bux4oHs4.mjs";
-import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-Bux4oHs4.mjs";
-import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, v as CommandInput, w as CommandList, x as CommandEmpty, y as CommandGroup, z as CommandItem, E as DropdownMenuGroup, F as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/useTheme-Cnpuditi.mjs";
-import { A as A2, d as d2, e, H as H2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72, a8 as a82, u as u2 } from "./chunks/useTheme-Cnpuditi.mjs";
+import { C as Checkbox, g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-Cdl0GPVE.mjs";
+import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-Cdl0GPVE.mjs";
+import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, v as CommandInput, w as CommandList, x as CommandEmpty, y as CommandGroup, z as CommandItem, E as DropdownMenuGroup, F as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/useTheme-DF2xbSdI.mjs";
+import { A as A2, d as d2, e, H as H2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72, a8 as a82, u as u2 } from "./chunks/useTheme-DF2xbSdI.mjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { forwardRef, useId, useState, Fragment as Fragment$1, isValidElement, useCallback, useMemo, createElement, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
 import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X3, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, PanelLeftClose, ChevronsUpDown, Search, User } from "lucide-react";
 import { Reply } from "lucide-react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { I as Input } from "./chunks/input-K0PDBqVB.mjs";
-import { i } from "./chunks/input-K0PDBqVB.mjs";
-import { a, b as b2, K as K3 } from "./chunks/kpi-delta-DnuXr8nh.mjs";
-import { P as P2, p as p2 } from "./chunks/page-header-dkeQlVOY.mjs";
+import { I as Input } from "./chunks/input-Cym0k4ZI.mjs";
+import { i } from "./chunks/input-Cym0k4ZI.mjs";
+import { a, b as b2, K as K3 } from "./chunks/kpi-delta-FhfuIg27.mjs";
+import { P as P2, p as p2 } from "./chunks/page-header-Buh6YlQM.mjs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 const cardCheckbox = tv({

package/dist-lib/preview/chat.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-CTiMYKox.cjs");
+const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
 const lucideReact = require("lucide-react");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.cjs");
-const input = require("../chunks/input-Vkj4PEp9.cjs");
+const input = require("../chunks/input-CizzMZ20.cjs");
 const chatV2Styles = useTheme.tv({
   slots: {
     /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */

package/dist-lib/preview/chat.mjs

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { t as tv, D as DropdownMenu, f as DropdownMenuTrigger, B as Button, g as DropdownMenuContent, h as DropdownMenuItem, i as DropdownMenuSeparator, a as Avatar, b as AvatarFallback, C as Chip, c as cn, d as ChipGroup, e as ChipGroupItem, u as useTheme, A as AppShell } from "../chunks/useTheme-Cnpuditi.mjs";
+import { t as tv, D as DropdownMenu, f as DropdownMenuTrigger, B as Button, g as DropdownMenuContent, h as DropdownMenuItem, i as DropdownMenuSeparator, a as Avatar, b as AvatarFallback, C as Chip, c as cn, d as ChipGroup, e as ChipGroupItem, u as useTheme, A as AppShell } from "../chunks/useTheme-DF2xbSdI.mjs";
 import { MoreVertical, CheckCircle2, Phone, Video, Tag, UserPlus, Archive, CheckCheck, Check, ArrowLeft, PanelRightClose, PanelRightOpen, Paperclip, Smile, Send, Mic, ChevronDown, X, Plus, Menu, Search } from "lucide-react";
 import { e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 import { C as CHANNEL_LABEL, a as CHANNEL_HEX, S as SAMPLE_MESSAGES, b as STATUS_DOT, F as FILTER_GROUPS, d as CONVERSATIONS, e as CONVERSATION_DETAILS, D as DEFAULT_DETAIL } from "../chunks/chat-v2-mocks-DvZRkhmz.mjs";
-import { I as Input } from "../chunks/input-K0PDBqVB.mjs";
+import { I as Input } from "../chunks/input-Cym0k4ZI.mjs";
 const chatV2Styles = tv({
   slots: {
     /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */

package/dist-lib/preview/clientes.cjs

@@ -2,12 +2,12 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-CTiMYKox.cjs");
+const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
 const lucideReact = require("lucide-react");
 const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-CwhluBTT.cjs");
-const panel = require("../chunks/panel-CrvABv4t.cjs");
-require("../chunks/input-Vkj4PEp9.cjs");
-const pageHeader = require("../chunks/page-header-CS1NxTW3.cjs");
+const panel = require("../chunks/panel-DlyaLunw.cjs");
+require("../chunks/input-CizzMZ20.cjs");
+const pageHeader = require("../chunks/page-header-BMzUloFi.cjs");
 require("react-dom");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const drawerFormStyles = useTheme.tv({

package/dist-lib/preview/clientes.mjs

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { t as tv, d as ChipGroup, e as ChipGroupItem, B as Button, C as Chip, a as Avatar, b as AvatarFallback, u as useTheme, A as AppShell } from "../chunks/useTheme-Cnpuditi.mjs";
+import { t as tv, d as ChipGroup, e as ChipGroupItem, B as Button, C as Chip, a as Avatar, b as AvatarFallback, u as useTheme, A as AppShell } from "../chunks/useTheme-DF2xbSdI.mjs";
 import { Pencil, Trash2, ChevronDown, MoreHorizontal, Plus, Download, Maximize2, Copy, Upload, RotateCcw, MessageSquare, Archive, Clock } from "lucide-react";
 import { S as STATUSES, a as STATUS_DOT, C as CATEGORIES, b as CITIES, A as AGENTS, d as CATEGORY_KIND, f as formatBRL, e as formatShortDate, g as CLIENTS_87, K as KANBAN_COLUMNS, h as STATUS_OPTIONS, i as CATEGORY_OPTIONS, j as AGENTS_LOOKUP, k as AGENT_OPTIONS } from "../chunks/clientes-showcase-mocks-CwWGCCmf.mjs";
-import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-Bux4oHs4.mjs";
-import "../chunks/input-K0PDBqVB.mjs";
-import { P as PageHeader } from "../chunks/page-header-dkeQlVOY.mjs";
+import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-Cdl0GPVE.mjs";
+import "../chunks/input-Cym0k4ZI.mjs";
+import { P as PageHeader } from "../chunks/page-header-Buh6YlQM.mjs";
 import "react-dom";
 import { b as APP_SHELL_LAYOUT_OPTIONS, f as APP_SHELL_USER, e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 const drawerFormStyles = tv({

package/dist-lib/preview/dashboard.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-CTiMYKox.cjs");
+const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
 const lucideReact = require("lucide-react");
 const recharts = require("recharts");
-const pageHeader = require("../chunks/page-header-CS1NxTW3.cjs");
-const kpiDelta = require("../chunks/kpi-delta-RBYsYF3x.cjs");
+const pageHeader = require("../chunks/page-header-BMzUloFi.cjs");
+const kpiDelta = require("../chunks/kpi-delta-DrSJPMCY.cjs");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const BRAZIL_VIEWBOX = "0 0 1000 912";
 const BRAZIL_PATHS = [

package/dist-lib/preview/dashboard.mjs

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { u as useTheme, A as AppShell, B as Button, C as Chip, c as cn, a as Avatar, b as AvatarFallback } from "../chunks/useTheme-Cnpuditi.mjs";
+import { u as useTheme, A as AppShell, B as Button, C as Chip, c as cn, a as Avatar, b as AvatarFallback } from "../chunks/useTheme-DF2xbSdI.mjs";
 import { MoreVertical, ChevronDown, Calendar, Phone, Timer, CheckCircle2, UserPlus, Clock, TrendingUp, Star, Headphones, Bot, Sun, ArrowRight, MessageSquare, Send, Mail, Search } from "lucide-react";
 import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, PieChart, Pie, Cell, RadialBarChart, PolarAngleAxis, RadialBar, AreaChart, Area } from "recharts";
-import { P as PageHeader } from "../chunks/page-header-dkeQlVOY.mjs";
-import { K as KpiGroup, a as Kpi, b as KpiDelta } from "../chunks/kpi-delta-DnuXr8nh.mjs";
+import { P as PageHeader } from "../chunks/page-header-Buh6YlQM.mjs";
+import { K as KpiGroup, a as Kpi, b as KpiDelta } from "../chunks/kpi-delta-FhfuIg27.mjs";
 import { e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 const BRAZIL_VIEWBOX = "0 0 1000 912";
 const BRAZIL_PATHS = [

package/dist-lib/src/components/ui/AppShell/app-shell.d.ts

@@ -9,8 +9,9 @@ import { AppShellProps } from './app-shell.types';
  *
  * **Padrão controlled/uncontrolled** pra `menuCollapsed`:
  * - `menuCollapsed` prop → controlled (consumer gerencia state)
- * - `defaultMenuCollapsed` → uncontrolled initial value
- * - Sem nenhum dos dois → uncontrolled, default `false`
+ * - `defaultMenuCollapsed` → uncontrolled initial value (vence a regra responsiva)
+ * - Sem nenhum dos dois → uncontrolled com default **responsivo**: colapsado
+ *   abaixo de 1536px, expandido acima (ver o `useState` do `internalCollapsed`)
  *
  * Todas as outras props são **passthrough 1:1** pros sub-componentes.
  * AppShell não impõe styling ao body além de gap/padding fixos — consumer

package/dist-lib/src/components/ui/AppShell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CAAC,EAEvB,QAAQ,EACR,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEX,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,eAAe,EAEf,IAAI,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,UAAU,EACV,QAAQ,EAER,aAAa,EAAE,mBAAmB,EAClC,oBAA4B,EAC5B,oBAAoB,EAEpB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,GACV,EAAE,aAAa,2CAqFf;yBA1He,QAAQ"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,EAEvB,QAAQ,EACR,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,WAAW,EAEX,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,eAAe,EAEf,IAAI,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,UAAU,EACV,QAAQ,EAER,aAAa,EAAE,mBAAmB,EAClC,oBAAoB,EACpB,oBAAoB,EAEpB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,GACV,EAAE,aAAa,2CAgHf;yBArJe,QAAQ"}

package/dist-lib/src/components/ui/AppShell/app-shell.styles.d.ts

@@ -4,8 +4,9 @@
  * Layout 2-column: sidebar à esquerda (fixa, full-height) + main area
  * à direita (Header sticky no topo + body abaixo).
  *
- * Body recebe `gap-gp-4xl` (24px) e `p-pad-6xl` (32px) por design — slot
- * "padronizado" pra todas as telas. Consumer customiza só os filhos.
+ * Body recebe `gap-gp-4xl` (24px) fixo e padding responsivo em 3 patamares
+ * (18 / 24 / 32px — ver `bodyInner`) por design — slot "padronizado" pra todas
+ * as telas. Consumer customiza só os filhos.
  */
 export declare const root: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 /** Wrapper da área principal (Header + Body). Ocupa o resto do flex row. */
@@ -26,8 +27,24 @@ export declare const body: import('tailwind-variants').TVReturnType<{} | {} | {}
  *   - `fluid`   (default): ocupa 100% da largura disponível (atual)
  *   - `compact`: max-width 1368px (`--container-main-content-max`), centralizado
  *
- * Mobile (<md): padding reduzido pra 18px — telas pequenas precisam respiro
- * mínimo mas não zero (chat/navegação por overlays usam o bodyInner cheio).
+ * Padding por faixa de viewport — 3 patamares, não 2:
+ *
+ *   < 768px   (max-md)   18px  — telas pequenas precisam respiro mínimo mas não
+ *                               zero (chat/navegação por overlays usam o
+ *                               bodyInner cheio).
+ *   768–1535  (max-2xl)  24px  — NOTEBOOK. Até 2026-08-04 esta faixa herdava os
+ *                               32px do desktop: um 1366×768 gastava a mesma
+ *                               moldura de um 4K, com muito menos área útil.
+ *                               O corte é em `2xl` (1536) e não em `xl` (1280)
+ *                               porque 1366 e 1536 são as duas resoluções de
+ *                               notebook dominantes — cortar em `xl` deixaria a
+ *                               1536 de fora justamente onde aperta.
+ *   ≥ 1536px             32px  — desktop, valor original preservado.
+ *
+ * ⚠️ `max-md:` tem que vencer `max-2xl:` abaixo de 768px. Vence por ordem de
+ * fonte: o Tailwind emite as variantes `max-*` em breakpoint DECRESCENTE, então
+ * a regra `max-md` sai depois da `max-2xl` com a mesma especificidade. Medido no
+ * browser nos 3 patamares, não deduzido — é a classe de erro da L-066.
  */
 export declare const bodyInner: import('tailwind-variants').TVReturnType<{
     layout: {

package/dist-lib/src/components/ui/AppShell/app-shell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;IAUlB;;;;;;;OAOG;;;;;;;;;;IAPH;;;;;;;OAOG;;;;;;;;;;IAPH;;;;;;;OAOG;;;;;qDAUL,CAAC"}
+{"version":3,"file":"app-shell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,sMAKf,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS;;;;;IAUlB;;;;;;;OAOG;;;;;;;;;;IAPH;;;;;;;OAOG;;;;;;;;;;IAPH;;;;;;;OAOG;;;;;qDAUL,CAAC"}

package/dist-lib/src/components/ui/AppShell/app-shell.types.d.ts

@@ -92,17 +92,27 @@ export type AppShellProps = {
      * interno (uncontrolled) — toggle do header dispara setInternal.
      */
     menuCollapsed?: boolean;
+    /**
+     * Estado inicial do collapse (uncontrolled). **Omitido, o default é responsivo:**
+     * colapsado abaixo de 1536px (mesma fronteira do padding do body), expandido
+     * acima — notebook perde ~200px de largura útil com o painel aberto.
+     *
+     * Passar valor explícito **vence** a regra responsiva, inclusive `false`.
+     * Aplicado só no mount: resize não re-colapsa, pra não brigar com quem abriu o
+     * menu na mão.
+     */
     defaultMenuCollapsed?: boolean;
     onMenuCollapseChange?: (collapsed: boolean) => void;
-    /** Conteúdo do body — o que muda entre telas. Aplicado dentro de slot
-     *  com `gap-gp-4xl p-pad-6xl` (24px gap + 32px padding). */
+    /** Conteúdo do body — o que muda entre telas. Aplicado dentro de slot com
+     *  gap 24px (`gap-gp-4xl`) e padding responsivo em 3 patamares:
+     *  **18px** < 768px · **24px** 768–1535px (notebook) · **32px** ≥ 1536px. */
     children: ReactNode;
     /** ClassName extra no body slot (raro — use só pra ajustes pontuais). */
     bodyClassName?: string;
     /**
      * Em mobile (<md), zera o padding interno do body — útil pra telas que
      * controlam o próprio padding (chat com overlays fullscreen, mapas, etc).
-     * Default: false (padding 18px mobile, 32px desktop).
+     * Default: false (18px mobile · 24px notebook · 32px desktop).
      */
     mobileEdgeToEdge?: boolean;
     /** ClassName extra no root da AppShell (afeta toda a tela). */

package/dist-lib/src/components/ui/AppShell/app-shell.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,4EAA4E;AAC5E,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,aAAa,GAAG;IAE1B,wEAAwE;IACxE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,8EAA8E;IAC9E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,+BAA+B;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAG9C,sEAAsE;IACtE,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,kEAAkE;IAClE,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,SAAS,CAAC;IAG5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAGtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAGpD;gEAC4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"app-shell.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.types.ts"],"names":[],"mappings":"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"}

package/dist-lib/theme.css

@@ -7,6 +7,50 @@
  * Customize na composição da tela (props/variantes + classes DS), não nos tokens.
  */
 
+/* ── Runtime base (fonte, dark-variant, body) — ver buildRuntimeBase ──────── */
+
+@font-face {
+  font-family: 'Geist';
+  src: url('/fonts/Geist-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Geist Mono';
+  src: url('/fonts/GeistMono-Variable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@theme inline {
+  --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
+  --font-mono: 'Geist Mono', 'Fira Code', monospace;
+}
+
+/* Dark por CLASSE, nunca por prefers-color-scheme: sem isto o tema do SO vaza
+ * pro app nos dois sentidos (app claro com SO escuro dispara `dark:`). */
+@custom-variant dark (&:where(.dark, .dark *));
+
+html {
+  font-family: var(--font-sans);
+}
+
+body {
+  min-height: 100vh;
+  background-color: var(--color-bg-canvas);
+  color: var(--color-fg-default);
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+
+@layer base {
+  button {
+    cursor: pointer;
+  }
+}
+
 @theme {
   --color-bg-canvas: oklch(1 0 0);
   --color-bg-surface: oklch(1 0 0);
@@ -633,4 +677,33 @@
   &::-webkit-scrollbar-thumb:hover {
     background-color: var(--color-fg-muted);
   }
+}
+
+/* ── Superfície flutuante (usadas por 14 componentes distribuídos) ────────── */
+
+@utility outline-float {
+  outline: 6px solid var(--color-overlay-float);
+  outline-offset: 0;
+}
+
+/* Bottom-sheet mobile de DropdownMenu/Popover (L-030/L-031).
+ *
+ * O Radix Popper envolve o Content num wrapper posicionado por `transform`
+ * inline, fora do alcance do className do Content — só dá pra alcançá-lo por
+ * seletor global. Sem este bloco, um menu marcado `mobileSheet` abre flutuando
+ * na posição calculada pelo Popper em vez de colar no rodapé.
+ *
+ * z-60 é load-bearing: acima de qualquer surface z-50 (drawer do sidebar mobile,
+ * dialog, sheet). Sem isso, um sheet aberto DE DENTRO do drawer empata em z-50 e
+ * renderiza atrás de forma intermitente, e o backdrop não captura o clique-fora. */
+@media (width < 768px) {
+  [data-radix-popper-content-wrapper]:has(> [data-mobile-sheet]) {
+    position: fixed !important;
+    inset: auto 0 0 0 !important;
+    transform: none !important;
+    min-width: 0 !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    z-index: 60 !important;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snksergio/design-system",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "//distribuicao": "Canal PRIMARIO = registry shadcn (copy-in) + CLI @snksergio/create-design-system; sobe sozinho no merge (Vercel). Canal SECUNDARIO = este pacote npm (@snksergio/design-system), funcional (build:lib gera ESM+CJS+types+theme.css) e publicado por passo MANUAL do mantenedor, entao costuma ficar atras do registry. NAO e depreciado — o texto anterior dizia isso e estava errado. Publish so pelo Passo 7 do .claude/skills/ds-dev/release.md (valida com `npm run lib:verify`, pede o token, publica, revoga). Ver DISTRIBUICAO.md.",
   "description": "iGreen Design System — internal library for SaaS CRM, admin panels and dashboards. React 19 + Tailwind v4 + Shadcn + Radix.",
   "license": "UNLICENSED",
@@ -13,6 +13,7 @@
     "dist-lib/tokens.*",
     "dist-lib/theme.css",
     "dist-lib/theme/**",
+    "dist-lib/fonts/**",
     "dist-lib/preview/**",
     "dist-lib/chunks/**",
     "dist-lib/src/**",
@@ -91,9 +92,11 @@
     "tokens:dtcg": "tsx tokens/transforms/to-dtcg.ts > dist/tokens.tokens.json",
     "tokens:all": "npm run tokens:tw4 && npm run tokens:css && npm run tokens:dtcg",
     "tokens:check": "tsc --noEmit",
+    "brand:check": "node scripts/brand-check.mjs",
+    "brand:contrast": "node scripts/brand-contrast.mjs",
     "registry:stamp": "node scripts/registry-stamp.mjs",
     "registry:build": "npm run examples:drift && npm run tokens:tw4 && npm run registry:stamp && npx shadcn build",
-    "release:check": "node scripts/registry-check.mjs && node scripts/distribution-debt.mjs --ci && node scripts/examples-drift-check.mjs && npm run registry-app:audit",
+    "release:check": "node scripts/registry-check.mjs --ci && node scripts/brand-check.mjs && node scripts/distribution-debt.mjs --ci && node scripts/examples-drift-check.mjs && npm run registry-app:audit",
     "registry-app:audit": "npm audit --audit-level=high --prefix registry-app",
     "distribution:debt": "node scripts/distribution-debt.mjs",
     "lint:styles": "node scripts/lint-styles.mjs --ratchet origin/main",