@snksergio/design-system 0.19.1 → 0.30.2

package/dist-lib/chunks/{clientes-showcase-mocks-ayU1SDOA.mjs → clientes-showcase-mocks-CwWGCCmf.mjs}

@@ -1,29 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { createContext } from "react";
-import "lucide-react";
-import "./badge-DBdk74KN.mjs";
-import { c as cn } from "./chip-group-_e-yh1Zq.mjs";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-const Separator = React.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-createContext({ onNavigate: () => {
-} });
 const STATUSES = {
   active: { label: "Ativo", color: "var(--color-fg-success)" },
   pending: { label: "Pendente", color: "var(--color-fg-warning)" },
@@ -166,4 +140,4 @@ export {
   AGENTS_LOOKUP as j,
   AGENT_OPTIONS as k
 };
-//# sourceMappingURL=clientes-showcase-mocks-ayU1SDOA.mjs.map
+//# sourceMappingURL=clientes-showcase-mocks-CwWGCCmf.mjs.map

package/dist-lib/chunks/clientes-showcase-mocks-CwWGCCmf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase-mocks-CwWGCCmf.mjs","sources":["../../src/preview/pages/_table-data.ts","../../src/preview/pages/ClientesShowcase/clientes-showcase-mocks.ts"],"sourcesContent":["/**\r\n * Fixtures compartilhadas da tabela de clientes (status, categorias, agentes e o\r\n * shape da linha).\r\n *\r\n * ## Por que isto existe fora do `TableDoc.tsx`\r\n *\r\n * Estas fixtures nasceram dentro do `TableDoc.tsx`, e o `ClientesShowcase` passou a\r\n * importá-las de lá. Só que o build da lib npm **exclui** `src/preview/pages/*Doc.tsx`\r\n * da emissão de tipos (`vite.lib.config.ts`) enquanto **inclui** o `ClientesShowcase` —\r\n * então os `.d.ts` do showcase referenciavam um arquivo que não entrava no pacote, e\r\n * todo `import` desses tipos virava `any` pra quem consome via npm. É a **L-017**, e\r\n * foi pega pelo `npm run lib:verify`.\r\n *\r\n * Não dá pra \"só incluir o TableDoc\": ele é uma Doc page de ~900 linhas cujo lugar não é\r\n * o pacote. A fonte única correta é este módulo — que é exatamente o que o canal registry\r\n * já fazia por conta própria (`src/examples/clientes/_table-data.ts`, L-034). Agora os\r\n * dois canais compartilham a mesma decisão em vez de uma reescrita paralela.\r\n *\r\n * O `TableDoc.tsx` reexporta tudo daqui, então nada que importava dele quebra.\r\n */\r\n\r\nexport const STATUSES: Record<string, { label: string; color: string }> = {\r\n  active: { label: \"Ativo\", color: \"var(--color-fg-success)\" },\r\n  pending: { label: \"Pendente\", color: \"var(--color-fg-warning)\" },\r\n  paused: { label: \"Pausado\", color: \"var(--color-fg-info)\" },\r\n  inactive: { label: \"Inativo\", color: \"var(--color-fg-muted)\" },\r\n};\r\n\r\nexport type CategoryKind = \"warning\" | \"info\" | \"success\" | \"neutral\";\r\n\r\nexport const CATEGORIES: Record<string, { label: string; kind: CategoryKind }> = {\r\n  royal: { label: \"Royal\", kind: \"warning\" },\r\n  licenciado: { label: \"Licenciado\", kind: \"info\" },\r\n  lead: { label: \"Lead\", kind: \"success\" },\r\n};\r\n\r\nexport const AGENTS: Record<string, { name: string; initials: string; color: string }> = {\r\n  you: { name: \"Voce\", initials: \"VC\", color: \"#0a3a2e\" },\r\n  aline: { name: \"Aline Castro\", initials: \"AC\", color: \"#f59e0b\" },\r\n  carlos: { name: \"Carlos Souza\", initials: \"CS\", color: \"#8754ec\" },\r\n  maria: { name: \"Maria Lima\", initials: \"ML\", color: \"#ef4444\" },\r\n};\r\n\r\nexport type ClientRow = {\r\n  id: string;\r\n  name: string;\r\n  initials: string;\r\n  avatarColor: string;\r\n  email: string;\r\n  phone: string;\r\n  statusId: keyof typeof STATUSES;\r\n  categoryId: keyof typeof CATEGORIES;\r\n  location: string;\r\n  value: number;\r\n  agentId: keyof typeof AGENTS;\r\n  createdAt: number;\r\n  lastContact: number;\r\n};\r\n\r\n/* ── Dataset base (10 clientes; o showcase deriva 87 a partir daqui) ── */\r\n\r\nconst BASE_DATE = new Date(\"2026-04-15T12:00:00Z\").getTime();\r\nconst DAY_MS = 86400000;\r\n\r\nexport const CLIENTS_MOCK: ClientRow[] = [\r\n  { id: \"CLI-2401\", name: \"Maria Silva\",     initials: \"MS\", avatarColor: \"#f59e0b\", email: \"maria.silva@example.com\",     phone: \"+55 11 91234-5678\", statusId: \"active\",   categoryId: \"royal\",      location: \"São Paulo, SP\",      value: 4800,  agentId: \"you\",    createdAt: BASE_DATE - 65 * DAY_MS, lastContact: BASE_DATE - 2 * DAY_MS  },\r\n  { id: \"CLI-2402\", name: \"João Santos\",     initials: \"JS\", avatarColor: \"#0a3a2e\", email: \"joao.santos@example.com\",     phone: \"+55 11 92345-6789\", statusId: \"pending\",  categoryId: \"licenciado\", location: \"Rio de Janeiro, RJ\", value: 12300, agentId: \"aline\",  createdAt: BASE_DATE - 58 * DAY_MS, lastContact: BASE_DATE - 5 * DAY_MS  },\r\n  { id: \"CLI-2403\", name: \"Carlos Oliveira\", initials: \"CO\", avatarColor: \"#8754ec\", email: \"carlos.oliveira@example.com\", phone: \"+55 11 93456-7890\", statusId: \"active\",   categoryId: \"lead\",       location: \"Belo Horizonte, MG\", value: 2150,  agentId: \"carlos\", createdAt: BASE_DATE - 51 * DAY_MS, lastContact: BASE_DATE - 1 * DAY_MS  },\r\n  { id: \"CLI-2404\", name: \"Ana Costa\",       initials: \"AC\", avatarColor: \"#1cb280\", email: \"ana.costa@example.com\",       phone: \"+55 11 94567-8901\", statusId: \"paused\",   categoryId: \"royal\",      location: \"Porto Alegre, RS\",   value: 8900,  agentId: \"maria\",  createdAt: BASE_DATE - 44 * DAY_MS, lastContact: BASE_DATE - 12 * DAY_MS },\r\n  { id: \"CLI-2405\", name: \"Pedro Pereira\",   initials: \"PP\", avatarColor: \"#ef4444\", email: \"pedro.pereira@example.com\",   phone: \"+55 11 95678-9012\", statusId: \"inactive\", categoryId: \"lead\",       location: \"Curitiba, PR\",       value: 1100,  agentId: \"you\",    createdAt: BASE_DATE - 37 * DAY_MS, lastContact: BASE_DATE - 30 * DAY_MS },\r\n  { id: \"CLI-2406\", name: \"Lúcia Almeida\",   initials: \"LA\", avatarColor: \"#f9a47a\", email: \"lucia.almeida@example.com\",   phone: \"+55 11 96789-0123\", statusId: \"active\",   categoryId: \"licenciado\", location: \"Recife, PE\",         value: 6750,  agentId: \"aline\",  createdAt: BASE_DATE - 30 * DAY_MS, lastContact: BASE_DATE - 3 * DAY_MS  },\r\n  { id: \"CLI-2407\", name: \"Roberto Souza\",   initials: \"RS\", avatarColor: \"#0088cc\", email: \"roberto.souza@example.com\",   phone: \"+55 11 97890-1234\", statusId: \"pending\",  categoryId: \"royal\",      location: \"São Paulo, SP\",      value: 15200, agentId: \"carlos\", createdAt: BASE_DATE - 23 * DAY_MS, lastContact: BASE_DATE - 7 * DAY_MS  },\r\n  { id: \"CLI-2408\", name: \"Fernanda Lima\",   initials: \"FL\", avatarColor: \"#e1306c\", email: \"fernanda.lima@example.com\",   phone: \"+55 11 98901-2345\", statusId: \"active\",   categoryId: \"lead\",       location: \"Rio de Janeiro, RJ\", value: 3400,  agentId: \"maria\",  createdAt: BASE_DATE - 16 * DAY_MS, lastContact: BASE_DATE - 1 * DAY_MS  },\r\n  { id: \"CLI-2409\", name: \"Bruno Rodrigues\", initials: \"BR\", avatarColor: \"#70c748\", email: \"bruno.rodrigues@example.com\", phone: \"+55 11 99012-3456\", statusId: \"paused\",   categoryId: \"licenciado\", location: \"Belo Horizonte, MG\", value: 5600,  agentId: \"you\",    createdAt: BASE_DATE - 9 * DAY_MS,  lastContact: BASE_DATE - 6 * DAY_MS  },\r\n  { id: \"CLI-2410\", name: \"Camila Ribeiro\",  initials: \"CR\", avatarColor: \"#8754ec\", email: \"camila.ribeiro@example.com\",  phone: \"+55 11 90123-4567\", statusId: \"active\",   categoryId: \"royal\",      location: \"Porto Alegre, RS\",   value: 9800,  agentId: \"aline\",  createdAt: BASE_DATE - 2 * DAY_MS,  lastContact: BASE_DATE              },\r\n];\r\n","import {\r\n  CLIENTS_MOCK,\r\n  STATUSES,\r\n  CATEGORIES,\r\n  AGENTS,\r\n  type ClientRow,\r\n} from \"../_table-data\";\r\n\r\n/* ── Dataset 87 clientes (bate com badge do print) ─────────────── */\r\n\r\nexport const CLIENTS_87: ClientRow[] = Array.from({ length: 9 }, (_, batch) =>\r\n  CLIENTS_MOCK.map((row, i) => ({\r\n    ...row,\r\n    id: `CLI-${2400 + batch * 10 + i}`,\r\n  })),\r\n)\r\n  .flat()\r\n  .slice(0, 87);\r\n\r\n/* ── Lookups por categoria de status (column color mapping) ────── */\r\n\r\nexport const STATUS_COLOR_MAP: Record<string, string> = {\r\n  active: \"success\",\r\n  pending: \"warning\",\r\n  paused: \"info\",\r\n  inactive: \"neutral\",\r\n};\r\n\r\nexport const STATUS_DOT: Record<string, string> = {\r\n  active: \"var(--color-fg-success)\",\r\n  pending: \"var(--color-fg-warning)\",\r\n  paused: \"var(--color-fg-info)\",\r\n  inactive: \"var(--color-fg-muted)\",\r\n};\r\n\r\nexport const CATEGORY_KIND: Record<string, \"warning\" | \"info\" | \"success\"> = {\r\n  royal: \"warning\",\r\n  licenciado: \"info\",\r\n  lead: \"success\",\r\n};\r\n\r\n/* ── Options pra filters/selects ───────────────────────────────── */\r\n\r\nexport const STATUS_OPTIONS = Object.entries(STATUSES).map(([v, m]) => ({\r\n  value: v,\r\n  label: m.label,\r\n  color: STATUS_COLOR_MAP[v] ?? \"neutral\",\r\n}));\r\n\r\nexport const CATEGORY_OPTIONS = Object.entries(CATEGORIES).map(([v, m]) => ({\r\n  value: v,\r\n  label: m.label,\r\n  color: m.kind === \"neutral\" ? \"neutral\" : m.kind,\r\n}));\r\n\r\nexport const AGENT_OPTIONS = Object.entries(AGENTS).map(([v, a]) => ({\r\n  value: v,\r\n  label: a.name,\r\n}));\r\n\r\n/* ── Avatar lookup pro column type \"user\" ──────────────────────── */\r\n\r\nexport const AGENTS_LOOKUP = Object.fromEntries(\r\n  Object.entries(AGENTS).map(([id, a]) => [\r\n    id,\r\n    {\r\n      name: a.name,\r\n      initials: a.name\r\n        .split(\" \")\r\n        .map((s) => s[0])\r\n        .join(\"\")\r\n        .slice(0, 2),\r\n      color: a.color,\r\n    },\r\n  ]),\r\n);\r\n\r\n/* ── Kanban columns (1 por status) ─────────────────────────────── */\r\n\r\nexport const KANBAN_COLUMNS = Object.entries(STATUSES).map(([id, s]) => ({\r\n  id,\r\n  label: s.label,\r\n  dotColor: STATUS_DOT[id] ?? \"var(--color-fg-muted)\",\r\n}));\r\n\r\n/* ── Cidades pro select do drawer ──────────────────────────────── */\r\n\r\nexport const CITIES = [\r\n  \"São Paulo, SP\",\r\n  \"Rio de Janeiro, RJ\",\r\n  \"Belo Horizonte, MG\",\r\n  \"Porto Alegre, RS\",\r\n  \"Curitiba, PR\",\r\n  \"Recife, PE\",\r\n  \"Salvador, BA\",\r\n  \"Fortaleza, CE\",\r\n  \"Brasília, DF\",\r\n  \"Manaus, AM\",\r\n];\r\n\r\n/* ── Helpers de formatação ─────────────────────────────────────── */\r\n\r\nexport function formatBRL(value: number) {\r\n  return value.toLocaleString(\"pt-BR\", {\r\n    style: \"currency\",\r\n    currency: \"BRL\",\r\n    minimumFractionDigits: 2,\r\n  });\r\n}\r\n\r\nexport function formatShortDate(ms: number) {\r\n  if (!ms) return \"—\";\r\n  const d = new Date(ms);\r\n  const day = d.getDate().toString().padStart(2, \"0\");\r\n  const months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\r\n  return `${day} ${months[d.getMonth()]}`;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist-lib/chunks/{clientes-showcase-mocks-DygUqkkh.cjs → clientes-showcase-mocks-CwhluBTT.cjs}

@@ -1,47 +1,4 @@
 "use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-require("lucide-react");
-require("./badge-gU2wtxrn.cjs");
-const chipGroup = require("./chip-group-2-f_Yo7Y.cjs");
-const SeparatorPrimitive = require("@radix-ui/react-separator");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
-const Separator = React__namespace.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: chipGroup.cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
-React.createContext({ onNavigate: () => {
-} });
 const STATUSES = {
   active: { label: "Ativo", color: "var(--color-fg-success)" },
   pending: { label: "Pendente", color: "var(--color-fg-warning)" },
@@ -182,4 +139,4 @@ exports.STATUS_OPTIONS = STATUS_OPTIONS;
 exports.clientesShowcaseMocks = clientesShowcaseMocks;
 exports.formatBRL = formatBRL;
 exports.formatShortDate = formatShortDate;
-//# sourceMappingURL=clientes-showcase-mocks-DygUqkkh.cjs.map
+//# sourceMappingURL=clientes-showcase-mocks-CwhluBTT.cjs.map

package/dist-lib/chunks/clientes-showcase-mocks-CwhluBTT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase-mocks-CwhluBTT.cjs","sources":["../../src/preview/pages/_table-data.ts","../../src/preview/pages/ClientesShowcase/clientes-showcase-mocks.ts"],"sourcesContent":["/**\r\n * Fixtures compartilhadas da tabela de clientes (status, categorias, agentes e o\r\n * shape da linha).\r\n *\r\n * ## Por que isto existe fora do `TableDoc.tsx`\r\n *\r\n * Estas fixtures nasceram dentro do `TableDoc.tsx`, e o `ClientesShowcase` passou a\r\n * importá-las de lá. Só que o build da lib npm **exclui** `src/preview/pages/*Doc.tsx`\r\n * da emissão de tipos (`vite.lib.config.ts`) enquanto **inclui** o `ClientesShowcase` —\r\n * então os `.d.ts` do showcase referenciavam um arquivo que não entrava no pacote, e\r\n * todo `import` desses tipos virava `any` pra quem consome via npm. É a **L-017**, e\r\n * foi pega pelo `npm run lib:verify`.\r\n *\r\n * Não dá pra \"só incluir o TableDoc\": ele é uma Doc page de ~900 linhas cujo lugar não é\r\n * o pacote. A fonte única correta é este módulo — que é exatamente o que o canal registry\r\n * já fazia por conta própria (`src/examples/clientes/_table-data.ts`, L-034). Agora os\r\n * dois canais compartilham a mesma decisão em vez de uma reescrita paralela.\r\n *\r\n * O `TableDoc.tsx` reexporta tudo daqui, então nada que importava dele quebra.\r\n */\r\n\r\nexport const STATUSES: Record<string, { label: string; color: string }> = {\r\n  active: { label: \"Ativo\", color: \"var(--color-fg-success)\" },\r\n  pending: { label: \"Pendente\", color: \"var(--color-fg-warning)\" },\r\n  paused: { label: \"Pausado\", color: \"var(--color-fg-info)\" },\r\n  inactive: { label: \"Inativo\", color: \"var(--color-fg-muted)\" },\r\n};\r\n\r\nexport type CategoryKind = \"warning\" | \"info\" | \"success\" | \"neutral\";\r\n\r\nexport const CATEGORIES: Record<string, { label: string; kind: CategoryKind }> = {\r\n  royal: { label: \"Royal\", kind: \"warning\" },\r\n  licenciado: { label: \"Licenciado\", kind: \"info\" },\r\n  lead: { label: \"Lead\", kind: \"success\" },\r\n};\r\n\r\nexport const AGENTS: Record<string, { name: string; initials: string; color: string }> = {\r\n  you: { name: \"Voce\", initials: \"VC\", color: \"#0a3a2e\" },\r\n  aline: { name: \"Aline Castro\", initials: \"AC\", color: \"#f59e0b\" },\r\n  carlos: { name: \"Carlos Souza\", initials: \"CS\", color: \"#8754ec\" },\r\n  maria: { name: \"Maria Lima\", initials: \"ML\", color: \"#ef4444\" },\r\n};\r\n\r\nexport type ClientRow = {\r\n  id: string;\r\n  name: string;\r\n  initials: string;\r\n  avatarColor: string;\r\n  email: string;\r\n  phone: string;\r\n  statusId: keyof typeof STATUSES;\r\n  categoryId: keyof typeof CATEGORIES;\r\n  location: string;\r\n  value: number;\r\n  agentId: keyof typeof AGENTS;\r\n  createdAt: number;\r\n  lastContact: number;\r\n};\r\n\r\n/* ── Dataset base (10 clientes; o showcase deriva 87 a partir daqui) ── */\r\n\r\nconst BASE_DATE = new Date(\"2026-04-15T12:00:00Z\").getTime();\r\nconst DAY_MS = 86400000;\r\n\r\nexport const CLIENTS_MOCK: ClientRow[] = [\r\n  { id: \"CLI-2401\", name: \"Maria Silva\",     initials: \"MS\", avatarColor: \"#f59e0b\", email: \"maria.silva@example.com\",     phone: \"+55 11 91234-5678\", statusId: \"active\",   categoryId: \"royal\",      location: \"São Paulo, SP\",      value: 4800,  agentId: \"you\",    createdAt: BASE_DATE - 65 * DAY_MS, lastContact: BASE_DATE - 2 * DAY_MS  },\r\n  { id: \"CLI-2402\", name: \"João Santos\",     initials: \"JS\", avatarColor: \"#0a3a2e\", email: \"joao.santos@example.com\",     phone: \"+55 11 92345-6789\", statusId: \"pending\",  categoryId: \"licenciado\", location: \"Rio de Janeiro, RJ\", value: 12300, agentId: \"aline\",  createdAt: BASE_DATE - 58 * DAY_MS, lastContact: BASE_DATE - 5 * DAY_MS  },\r\n  { id: \"CLI-2403\", name: \"Carlos Oliveira\", initials: \"CO\", avatarColor: \"#8754ec\", email: \"carlos.oliveira@example.com\", phone: \"+55 11 93456-7890\", statusId: \"active\",   categoryId: \"lead\",       location: \"Belo Horizonte, MG\", value: 2150,  agentId: \"carlos\", createdAt: BASE_DATE - 51 * DAY_MS, lastContact: BASE_DATE - 1 * DAY_MS  },\r\n  { id: \"CLI-2404\", name: \"Ana Costa\",       initials: \"AC\", avatarColor: \"#1cb280\", email: \"ana.costa@example.com\",       phone: \"+55 11 94567-8901\", statusId: \"paused\",   categoryId: \"royal\",      location: \"Porto Alegre, RS\",   value: 8900,  agentId: \"maria\",  createdAt: BASE_DATE - 44 * DAY_MS, lastContact: BASE_DATE - 12 * DAY_MS },\r\n  { id: \"CLI-2405\", name: \"Pedro Pereira\",   initials: \"PP\", avatarColor: \"#ef4444\", email: \"pedro.pereira@example.com\",   phone: \"+55 11 95678-9012\", statusId: \"inactive\", categoryId: \"lead\",       location: \"Curitiba, PR\",       value: 1100,  agentId: \"you\",    createdAt: BASE_DATE - 37 * DAY_MS, lastContact: BASE_DATE - 30 * DAY_MS },\r\n  { id: \"CLI-2406\", name: \"Lúcia Almeida\",   initials: \"LA\", avatarColor: \"#f9a47a\", email: \"lucia.almeida@example.com\",   phone: \"+55 11 96789-0123\", statusId: \"active\",   categoryId: \"licenciado\", location: \"Recife, PE\",         value: 6750,  agentId: \"aline\",  createdAt: BASE_DATE - 30 * DAY_MS, lastContact: BASE_DATE - 3 * DAY_MS  },\r\n  { id: \"CLI-2407\", name: \"Roberto Souza\",   initials: \"RS\", avatarColor: \"#0088cc\", email: \"roberto.souza@example.com\",   phone: \"+55 11 97890-1234\", statusId: \"pending\",  categoryId: \"royal\",      location: \"São Paulo, SP\",      value: 15200, agentId: \"carlos\", createdAt: BASE_DATE - 23 * DAY_MS, lastContact: BASE_DATE - 7 * DAY_MS  },\r\n  { id: \"CLI-2408\", name: \"Fernanda Lima\",   initials: \"FL\", avatarColor: \"#e1306c\", email: \"fernanda.lima@example.com\",   phone: \"+55 11 98901-2345\", statusId: \"active\",   categoryId: \"lead\",       location: \"Rio de Janeiro, RJ\", value: 3400,  agentId: \"maria\",  createdAt: BASE_DATE - 16 * DAY_MS, lastContact: BASE_DATE - 1 * DAY_MS  },\r\n  { id: \"CLI-2409\", name: \"Bruno Rodrigues\", initials: \"BR\", avatarColor: \"#70c748\", email: \"bruno.rodrigues@example.com\", phone: \"+55 11 99012-3456\", statusId: \"paused\",   categoryId: \"licenciado\", location: \"Belo Horizonte, MG\", value: 5600,  agentId: \"you\",    createdAt: BASE_DATE - 9 * DAY_MS,  lastContact: BASE_DATE - 6 * DAY_MS  },\r\n  { id: \"CLI-2410\", name: \"Camila Ribeiro\",  initials: \"CR\", avatarColor: \"#8754ec\", email: \"camila.ribeiro@example.com\",  phone: \"+55 11 90123-4567\", statusId: \"active\",   categoryId: \"royal\",      location: \"Porto Alegre, RS\",   value: 9800,  agentId: \"aline\",  createdAt: BASE_DATE - 2 * DAY_MS,  lastContact: BASE_DATE              },\r\n];\r\n","import {\r\n  CLIENTS_MOCK,\r\n  STATUSES,\r\n  CATEGORIES,\r\n  AGENTS,\r\n  type ClientRow,\r\n} from \"../_table-data\";\r\n\r\n/* ── Dataset 87 clientes (bate com badge do print) ─────────────── */\r\n\r\nexport const CLIENTS_87: ClientRow[] = Array.from({ length: 9 }, (_, batch) =>\r\n  CLIENTS_MOCK.map((row, i) => ({\r\n    ...row,\r\n    id: `CLI-${2400 + batch * 10 + i}`,\r\n  })),\r\n)\r\n  .flat()\r\n  .slice(0, 87);\r\n\r\n/* ── Lookups por categoria de status (column color mapping) ────── */\r\n\r\nexport const STATUS_COLOR_MAP: Record<string, string> = {\r\n  active: \"success\",\r\n  pending: \"warning\",\r\n  paused: \"info\",\r\n  inactive: \"neutral\",\r\n};\r\n\r\nexport const STATUS_DOT: Record<string, string> = {\r\n  active: \"var(--color-fg-success)\",\r\n  pending: \"var(--color-fg-warning)\",\r\n  paused: \"var(--color-fg-info)\",\r\n  inactive: \"var(--color-fg-muted)\",\r\n};\r\n\r\nexport const CATEGORY_KIND: Record<string, \"warning\" | \"info\" | \"success\"> = {\r\n  royal: \"warning\",\r\n  licenciado: \"info\",\r\n  lead: \"success\",\r\n};\r\n\r\n/* ── Options pra filters/selects ───────────────────────────────── */\r\n\r\nexport const STATUS_OPTIONS = Object.entries(STATUSES).map(([v, m]) => ({\r\n  value: v,\r\n  label: m.label,\r\n  color: STATUS_COLOR_MAP[v] ?? \"neutral\",\r\n}));\r\n\r\nexport const CATEGORY_OPTIONS = Object.entries(CATEGORIES).map(([v, m]) => ({\r\n  value: v,\r\n  label: m.label,\r\n  color: m.kind === \"neutral\" ? \"neutral\" : m.kind,\r\n}));\r\n\r\nexport const AGENT_OPTIONS = Object.entries(AGENTS).map(([v, a]) => ({\r\n  value: v,\r\n  label: a.name,\r\n}));\r\n\r\n/* ── Avatar lookup pro column type \"user\" ──────────────────────── */\r\n\r\nexport const AGENTS_LOOKUP = Object.fromEntries(\r\n  Object.entries(AGENTS).map(([id, a]) => [\r\n    id,\r\n    {\r\n      name: a.name,\r\n      initials: a.name\r\n        .split(\" \")\r\n        .map((s) => s[0])\r\n        .join(\"\")\r\n        .slice(0, 2),\r\n      color: a.color,\r\n    },\r\n  ]),\r\n);\r\n\r\n/* ── Kanban columns (1 por status) ─────────────────────────────── */\r\n\r\nexport const KANBAN_COLUMNS = Object.entries(STATUSES).map(([id, s]) => ({\r\n  id,\r\n  label: s.label,\r\n  dotColor: STATUS_DOT[id] ?? \"var(--color-fg-muted)\",\r\n}));\r\n\r\n/* ── Cidades pro select do drawer ──────────────────────────────── */\r\n\r\nexport const CITIES = [\r\n  \"São Paulo, SP\",\r\n  \"Rio de Janeiro, RJ\",\r\n  \"Belo Horizonte, MG\",\r\n  \"Porto Alegre, RS\",\r\n  \"Curitiba, PR\",\r\n  \"Recife, PE\",\r\n  \"Salvador, BA\",\r\n  \"Fortaleza, CE\",\r\n  \"Brasília, DF\",\r\n  \"Manaus, AM\",\r\n];\r\n\r\n/* ── Helpers de formatação ─────────────────────────────────────── */\r\n\r\nexport function formatBRL(value: number) {\r\n  return value.toLocaleString(\"pt-BR\", {\r\n    style: \"currency\",\r\n    currency: \"BRL\",\r\n    minimumFractionDigits: 2,\r\n  });\r\n}\r\n\r\nexport function formatShortDate(ms: number) {\r\n  if (!ms) return \"—\";\r\n  const d = new Date(ms);\r\n  const day = d.getDate().toString().padStart(2, \"0\");\r\n  const months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\r\n  return `${day} ${months[d.getMonth()]}`;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist-lib/chunks/{input-BWevV7up.cjs → input-BjUSWce3.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const classVarianceAuthority = require("class-variance-authority");
-const chipGroup = require("./chip-group-2-f_Yo7Y.cjs");
+const appShell = require("./app-shell-Cyh8AUJT.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -30,7 +30,27 @@ const inputVariants = classVarianceAuthority.cva(
     "text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
     "transition-[border-color,box-shadow,background-color] outline-none",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted",
-    "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default"
+    "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default",
+    // type=file — escopado no atributo de propósito, pra não mexer em nenhum
+    // outro input (este é primitivo compartilhado).
+    //
+    //  · `block` + `align-content:center`: o conteúdo do file input (botão +
+    //    nome do arquivo) vive no SHADOW DOM, então `align-items` NÃO o move —
+    //    medido: com `items-center` o computed vira `center` e o pixel não sai
+    //    do lugar. O que centra é `align-content` num container de BLOCO
+    //    (CSS Align L3), que aplica ao conteúdo em fluxo. Testados e reprovados:
+    //    `items-center`, `align-content` sobre flex (com e sem wrap), `grid` +
+    //    `place-content`, e `::file-selector-button { margin-block: auto }`.
+    //    Preferido a `line-height` = altura da caixa, que centraria também mas
+    //    exigiria um px mágico por size (28/32/36/40) desacoplado dos tokens de
+    //    `form-*`. Piso: Chrome 123+ / Safari 17.6+ / Firefox 125+; abaixo disso
+    //    degrada pro alinhamento antigo, sem quebrar nada.
+    //  · `text-fg-muted`: o "Nenhum arquivo escolhido" vinha em fg-default
+    //    (0.98), destoando de `placeholder:text-fg-muted` de todo input do DS.
+    //    O CSS não distingue vazio de preenchido num file input, então o nome do
+    //    arquivo escolhido também fica muted — trade-off registrado no gotcha de
+    //    `shadcn/USAGE.md`; pra UX de upload de verdade use `FileUploadField`.
+    "[&[type=file]]:block [&[type=file]]:[align-content:center] [&[type=file]]:text-fg-muted"
   ],
   {
     variants: {
@@ -60,7 +80,7 @@ const Input = React__namespace.forwardRef(
       {
         type,
         ref,
-        className: chipGroup.cn(inputVariants({ size, state }), className),
+        className: appShell.cn(inputVariants({ size, state }), className),
         ...props
       }
     );
@@ -69,4 +89,4 @@ const Input = React__namespace.forwardRef(
 Input.displayName = "Input";
 exports.Input = Input;
 exports.inputVariants = inputVariants;
-//# sourceMappingURL=input-BWevV7up.cjs.map
+//# sourceMappingURL=input-BjUSWce3.cjs.map

package/dist-lib/chunks/input-BjUSWce3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BjUSWce3.cjs","sources":["../../src/components/shadcn/input.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\n/**\r\n * Input — alinhado com `.tbl-form-input` do design-and-table-v2.\r\n *\r\n * Specs base (md, default):\r\n *   - h: 40px (form-lg), px: 12px (pad-xl), radius: 10px (radius-lg)\r\n *   - bg-input (light) / dark:bg-bg-muted\r\n *   - border: 1px solid border-input\r\n *   - font: 13px, color fg-default, placeholder fg-muted\r\n *   - focus: border + shadow-sh-ring por state\r\n *\r\n * Pra inputs com prefixo/sufixo/ícone/botão dentro → use `<InputGroup>`.\r\n * Este componente é puro (só o <input>) — sem wrapper, sem adornments inline.\r\n */\r\n\r\nexport type InputState = \"default\" | \"error\" | \"warning\" | \"success\";\r\n\r\nconst inputVariants = cva(\r\n  [\r\n    \"flex w-full\",\r\n    \"bg-bg-input dark:bg-bg-muted\",\r\n    \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n    \"border border-border-input rounded-radius-lg\",\r\n    \"px-pad-xl\",\r\n    \"text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70\",\r\n    \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n    \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n    \"file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default\",\r\n    // type=file — escopado no atributo de propósito, pra não mexer em nenhum\r\n    // outro input (este é primitivo compartilhado).\r\n    //\r\n    //  · `block` + `align-content:center`: o conteúdo do file input (botão +\r\n    //    nome do arquivo) vive no SHADOW DOM, então `align-items` NÃO o move —\r\n    //    medido: com `items-center` o computed vira `center` e o pixel não sai\r\n    //    do lugar. O que centra é `align-content` num container de BLOCO\r\n    //    (CSS Align L3), que aplica ao conteúdo em fluxo. Testados e reprovados:\r\n    //    `items-center`, `align-content` sobre flex (com e sem wrap), `grid` +\r\n    //    `place-content`, e `::file-selector-button { margin-block: auto }`.\r\n    //    Preferido a `line-height` = altura da caixa, que centraria também mas\r\n    //    exigiria um px mágico por size (28/32/36/40) desacoplado dos tokens de\r\n    //    `form-*`. Piso: Chrome 123+ / Safari 17.6+ / Firefox 125+; abaixo disso\r\n    //    degrada pro alinhamento antigo, sem quebrar nada.\r\n    //  · `text-fg-muted`: o \"Nenhum arquivo escolhido\" vinha em fg-default\r\n    //    (0.98), destoando de `placeholder:text-fg-muted` de todo input do DS.\r\n    //    O CSS não distingue vazio de preenchido num file input, então o nome do\r\n    //    arquivo escolhido também fica muted — trade-off registrado no gotcha de\r\n    //    `shadcn/USAGE.md`; pra UX de upload de verdade use `FileUploadField`.\r\n    \"[&[type=file]]:block [&[type=file]]:[align-content:center] [&[type=file]]:text-fg-muted\",\r\n  ],\r\n  {\r\n    variants: {\r\n      size: {\r\n        xxs: \"min-h-form-xs rounded-radius-md\",\r\n        xs:  \"min-h-form-sm rounded-radius-md\",\r\n        sm:  \"min-h-form-md\",\r\n        md:  \"min-h-form-lg\",\r\n      },\r\n      state: {\r\n        default: \"focus-visible:border-border-brand          focus-visible:shadow-sh-ring\",\r\n        error:   \"border-border-danger-muted  focus-visible:border-border-danger-muted  focus-visible:shadow-sh-ring-danger\",\r\n        warning: \"border-border-warning-muted focus-visible:border-border-warning-muted focus-visible:shadow-sh-ring-warning\",\r\n        success: \"border-border-success-muted focus-visible:border-border-success-muted focus-visible:shadow-sh-ring-success\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n      state: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\r\n    InputVariantProps {}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className, type, size, state, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        ref={ref}\r\n        className={cn(inputVariants({ size, state }), className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nInput.displayName = \"Input\";\r\n\r\nexport { Input, inputVariants };\r\n"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,gBAAgBA,uBAAAA;AAAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,IAAK;AAAA,QACL,IAAK;AAAA,QACL,IAAK;AAAA,MAAA;AAAA,MAEP,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAQA,MAAM,QAAQC,iBAAM;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,MAAM,OAAO,GAAG,MAAA,GAAS,QAAQ;AACnD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAWC,SAAAA,GAAG,cAAc,EAAE,MAAM,MAAA,CAAO,GAAG,SAAS;AAAA,QACtD,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,MAAM,cAAc;;;"}

package/dist-lib/chunks/{input-C9eKSSEb.mjs → input-DCDU4i4S.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { c as cn } from "./chip-group-_e-yh1Zq.mjs";
+import { c as cn } from "./app-shell-78w0pYdP.mjs";
 const inputVariants = cva(
   [
     "flex w-full",
@@ -12,7 +12,27 @@ const inputVariants = cva(
     "text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
     "transition-[border-color,box-shadow,background-color] outline-none",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted",
-    "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default"
+    "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default",
+    // type=file — escopado no atributo de propósito, pra não mexer em nenhum
+    // outro input (este é primitivo compartilhado).
+    //
+    //  · `block` + `align-content:center`: o conteúdo do file input (botão +
+    //    nome do arquivo) vive no SHADOW DOM, então `align-items` NÃO o move —
+    //    medido: com `items-center` o computed vira `center` e o pixel não sai
+    //    do lugar. O que centra é `align-content` num container de BLOCO
+    //    (CSS Align L3), que aplica ao conteúdo em fluxo. Testados e reprovados:
+    //    `items-center`, `align-content` sobre flex (com e sem wrap), `grid` +
+    //    `place-content`, e `::file-selector-button { margin-block: auto }`.
+    //    Preferido a `line-height` = altura da caixa, que centraria também mas
+    //    exigiria um px mágico por size (28/32/36/40) desacoplado dos tokens de
+    //    `form-*`. Piso: Chrome 123+ / Safari 17.6+ / Firefox 125+; abaixo disso
+    //    degrada pro alinhamento antigo, sem quebrar nada.
+    //  · `text-fg-muted`: o "Nenhum arquivo escolhido" vinha em fg-default
+    //    (0.98), destoando de `placeholder:text-fg-muted` de todo input do DS.
+    //    O CSS não distingue vazio de preenchido num file input, então o nome do
+    //    arquivo escolhido também fica muted — trade-off registrado no gotcha de
+    //    `shadcn/USAGE.md`; pra UX de upload de verdade use `FileUploadField`.
+    "[&[type=file]]:block [&[type=file]]:[align-content:center] [&[type=file]]:text-fg-muted"
   ],
   {
     variants: {
@@ -53,4 +73,4 @@ export {
   Input as I,
   inputVariants as i
 };
-//# sourceMappingURL=input-C9eKSSEb.mjs.map
+//# sourceMappingURL=input-DCDU4i4S.mjs.map

package/dist-lib/chunks/input-DCDU4i4S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-DCDU4i4S.mjs","sources":["../../src/components/shadcn/input.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\n/**\r\n * Input — alinhado com `.tbl-form-input` do design-and-table-v2.\r\n *\r\n * Specs base (md, default):\r\n *   - h: 40px (form-lg), px: 12px (pad-xl), radius: 10px (radius-lg)\r\n *   - bg-input (light) / dark:bg-bg-muted\r\n *   - border: 1px solid border-input\r\n *   - font: 13px, color fg-default, placeholder fg-muted\r\n *   - focus: border + shadow-sh-ring por state\r\n *\r\n * Pra inputs com prefixo/sufixo/ícone/botão dentro → use `<InputGroup>`.\r\n * Este componente é puro (só o <input>) — sem wrapper, sem adornments inline.\r\n */\r\n\r\nexport type InputState = \"default\" | \"error\" | \"warning\" | \"success\";\r\n\r\nconst inputVariants = cva(\r\n  [\r\n    \"flex w-full\",\r\n    \"bg-bg-input dark:bg-bg-muted\",\r\n    \"hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover\",\r\n    \"border border-border-input rounded-radius-lg\",\r\n    \"px-pad-xl\",\r\n    \"text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70\",\r\n    \"transition-[border-color,box-shadow,background-color] outline-none\",\r\n    \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted\",\r\n    \"file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default\",\r\n    // type=file — escopado no atributo de propósito, pra não mexer em nenhum\r\n    // outro input (este é primitivo compartilhado).\r\n    //\r\n    //  · `block` + `align-content:center`: o conteúdo do file input (botão +\r\n    //    nome do arquivo) vive no SHADOW DOM, então `align-items` NÃO o move —\r\n    //    medido: com `items-center` o computed vira `center` e o pixel não sai\r\n    //    do lugar. O que centra é `align-content` num container de BLOCO\r\n    //    (CSS Align L3), que aplica ao conteúdo em fluxo. Testados e reprovados:\r\n    //    `items-center`, `align-content` sobre flex (com e sem wrap), `grid` +\r\n    //    `place-content`, e `::file-selector-button { margin-block: auto }`.\r\n    //    Preferido a `line-height` = altura da caixa, que centraria também mas\r\n    //    exigiria um px mágico por size (28/32/36/40) desacoplado dos tokens de\r\n    //    `form-*`. Piso: Chrome 123+ / Safari 17.6+ / Firefox 125+; abaixo disso\r\n    //    degrada pro alinhamento antigo, sem quebrar nada.\r\n    //  · `text-fg-muted`: o \"Nenhum arquivo escolhido\" vinha em fg-default\r\n    //    (0.98), destoando de `placeholder:text-fg-muted` de todo input do DS.\r\n    //    O CSS não distingue vazio de preenchido num file input, então o nome do\r\n    //    arquivo escolhido também fica muted — trade-off registrado no gotcha de\r\n    //    `shadcn/USAGE.md`; pra UX de upload de verdade use `FileUploadField`.\r\n    \"[&[type=file]]:block [&[type=file]]:[align-content:center] [&[type=file]]:text-fg-muted\",\r\n  ],\r\n  {\r\n    variants: {\r\n      size: {\r\n        xxs: \"min-h-form-xs rounded-radius-md\",\r\n        xs:  \"min-h-form-sm rounded-radius-md\",\r\n        sm:  \"min-h-form-md\",\r\n        md:  \"min-h-form-lg\",\r\n      },\r\n      state: {\r\n        default: \"focus-visible:border-border-brand          focus-visible:shadow-sh-ring\",\r\n        error:   \"border-border-danger-muted  focus-visible:border-border-danger-muted  focus-visible:shadow-sh-ring-danger\",\r\n        warning: \"border-border-warning-muted focus-visible:border-border-warning-muted focus-visible:shadow-sh-ring-warning\",\r\n        success: \"border-border-success-muted focus-visible:border-border-success-muted focus-visible:shadow-sh-ring-success\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n      state: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\r\n    InputVariantProps {}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className, type, size, state, ...props }, ref) => {\r\n    return (\r\n      <input\r\n        type={type}\r\n        ref={ref}\r\n        className={cn(inputVariants({ size, state }), className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nInput.displayName = \"Input\";\r\n\r\nexport { Input, inputVariants };\r\n"],"names":[],"mappings":";;;;AAoBA,MAAM,gBAAgB;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,IAAK;AAAA,QACL,IAAK;AAAA,QACL,IAAK;AAAA,MAAA;AAAA,MAEP,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAQA,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,MAAM,OAAO,GAAG,MAAA,GAAS,QAAQ;AACnD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,GAAG,cAAc,EAAE,MAAM,MAAA,CAAO,GAAG,SAAS;AAAA,QACtD,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,MAAM,cAAc;"}

package/dist-lib/chunks/kpi-delta-C_3V6uG6.cjs

@@ -0,0 +1,148 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const appShell = require("./app-shell-Cyh8AUJT.cjs");
+const lucideReact = require("lucide-react");
+const kpi = appShell.tv({
+  slots: {
+    root: "flex flex-col gap-gp-lg",
+    header: "flex items-start justify-between gap-gp-md",
+    label: "m-0 text-body-md font-semibold text-fg-default",
+    iconBox: "grid size-form-lg shrink-0 place-items-center rounded-radius-lg [&>svg]:size-icon-md",
+    main: "flex flex-col gap-gp-xs",
+    valueRow: "flex flex-wrap items-center gap-gp-md",
+    value: "leading-none text-fg-default [font-variant-numeric:tabular-nums]",
+    hint: "text-caption-sm text-fg-subtle",
+    chart: "mt-gp-xs",
+    footnote: "mt-pad-md border-t border-border-subtle pt-pad-lg text-caption-md text-fg-muted"
+  },
+  variants: {
+    // Tamanho do valor de destaque — presets `stat-*` (número de métrica).
+    // Default `md` (24px) = idêntico ao antigo `body-2xl`. Weight/leading tight
+    // vêm do preset + slot; pareado com tabular-nums.
+    size: {
+      sm: { value: "text-stat-sm" },
+      md: { value: "text-stat-md" },
+      lg: { value: "text-stat-lg" },
+      xl: { value: "text-stat-xl" }
+    },
+    surface: {
+      card: {
+        root: "rounded-radius-xl border border-border-subtle bg-bg-surface p-pad-3xl shadow-sh-sm"
+      },
+      plain: { root: "p-pad-3xl" }
+    },
+    tone: {
+      brand: { iconBox: "bg-bg-brand-subtle text-fg-brand" },
+      success: { iconBox: "bg-bg-success-muted text-fg-success" },
+      warning: { iconBox: "bg-bg-warning-muted text-fg-warning" },
+      info: { iconBox: "bg-bg-info-muted text-fg-info" },
+      danger: { iconBox: "bg-bg-danger-muted text-fg-danger" },
+      neutral: { iconBox: "bg-bg-muted text-fg-muted" }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    surface: "card",
+    tone: "neutral"
+  }
+});
+const kpiGroup = appShell.tv({
+  base: "grid w-full",
+  variants: {
+    columns: {
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      5: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",
+      6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
+    },
+    divided: {
+      // 1 card único com divisórias (linha no mobile, coluna no sm+)
+      true: "overflow-hidden rounded-radius-xl border border-border-subtle bg-bg-surface shadow-sh-sm divide-y divide-border-subtle sm:divide-y-0 sm:divide-x",
+      false: "gap-gp-2xl"
+    }
+  },
+  defaultVariants: {
+    columns: 4,
+    divided: false
+  }
+});
+const KpiSurfaceContext = React.createContext("card");
+function KpiGroup({
+  columns = 4,
+  divided = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(KpiSurfaceContext.Provider, { value: divided ? "plain" : "card", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: appShell.cn(kpiGroup({ columns, divided }), className), children }) });
+}
+KpiGroup.displayName = "KpiGroup";
+function Kpi({
+  label,
+  value,
+  delta,
+  hint,
+  icon,
+  tone = "neutral",
+  size = "md",
+  footnote,
+  children,
+  surface,
+  className
+}) {
+  const inherited = React.useContext(KpiSurfaceContext);
+  const s = kpi({ size, surface: surface ?? inherited, tone });
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: appShell.cn(s.root(), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: s.header(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: s.label(), children: label }),
+      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.iconBox(), "aria-hidden": true, children: icon })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.main(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.valueRow(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.value(), children: value }),
+        delta
+      ] }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.hint(), children: hint })
+    ] }),
+    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.chart(), children }),
+    footnote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.footnote(), children: footnote })
+  ] });
+}
+Kpi.displayName = "Kpi";
+function KpiDelta({
+  value,
+  tone,
+  direction,
+  signed = false,
+  className
+}) {
+  const isNegative = signed && typeof value === "string" && value.trim().startsWith("-");
+  const resolvedTone = tone ?? (signed ? isNegative ? "danger" : "success" : "success");
+  const resolvedDirection = direction ?? (signed ? isNegative ? "down" : "up" : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    appShell.Chip,
+    {
+      color: resolvedTone,
+      variant: "soft",
+      size: "sm",
+      shape: "pill",
+      className,
+      children: [
+        resolvedDirection && /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.TrendingUp,
+          {
+            className: appShell.cn("size-[12px]", resolvedDirection === "down" && "rotate-180"),
+            "aria-hidden": true
+          }
+        ),
+        value
+      ]
+    }
+  );
+}
+KpiDelta.displayName = "KpiDelta";
+exports.Kpi = Kpi;
+exports.KpiDelta = KpiDelta;
+exports.KpiGroup = KpiGroup;
+//# sourceMappingURL=kpi-delta-C_3V6uG6.cjs.map

package/dist-lib/chunks/kpi-delta-C_3V6uG6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-delta-C_3V6uG6.cjs","sources":["../../src/components/ui/Kpi/kpi.styles.ts","../../src/components/ui/Kpi/kpi-group.tsx","../../src/components/ui/Kpi/kpi.tsx","../../src/components/ui/Kpi/kpi-delta.tsx"],"sourcesContent":["import { tv } from \"@/utils/tv\";\r\n\r\n/* ══════════════════════════════════════════════════════════════════════════\r\n   Kpi — estilos (tv). 100% sobre tokens do DS, theme-aware.\r\n   ══════════════════════════════════════════════════════════════════════════ */\r\n\r\nexport const kpi = tv({\r\n  slots: {\r\n    root: \"flex flex-col gap-gp-lg\",\r\n    header: \"flex items-start justify-between gap-gp-md\",\r\n    label: \"m-0 text-body-md font-semibold text-fg-default\",\r\n    iconBox:\r\n      \"grid size-form-lg shrink-0 place-items-center rounded-radius-lg [&>svg]:size-icon-md\",\r\n    main: \"flex flex-col gap-gp-xs\",\r\n    valueRow: \"flex flex-wrap items-center gap-gp-md\",\r\n    value:\r\n      \"leading-none text-fg-default [font-variant-numeric:tabular-nums]\",\r\n    hint: \"text-caption-sm text-fg-subtle\",\r\n    chart: \"mt-gp-xs\",\r\n    footnote:\r\n      \"mt-pad-md border-t border-border-subtle pt-pad-lg text-caption-md text-fg-muted\",\r\n  },\r\n  variants: {\r\n    // Tamanho do valor de destaque — presets `stat-*` (número de métrica).\r\n    // Default `md` (24px) = idêntico ao antigo `body-2xl`. Weight/leading tight\r\n    // vêm do preset + slot; pareado com tabular-nums.\r\n    size: {\r\n      sm: { value: \"text-stat-sm\" },\r\n      md: { value: \"text-stat-md\" },\r\n      lg: { value: \"text-stat-lg\" },\r\n      xl: { value: \"text-stat-xl\" },\r\n    },\r\n    surface: {\r\n      card: {\r\n        root: \"rounded-radius-xl border border-border-subtle bg-bg-surface p-pad-3xl shadow-sh-sm\",\r\n      },\r\n      plain: { root: \"p-pad-3xl\" },\r\n    },\r\n    tone: {\r\n      brand: { iconBox: \"bg-bg-brand-subtle text-fg-brand\" },\r\n      success: { iconBox: \"bg-bg-success-muted text-fg-success\" },\r\n      warning: { iconBox: \"bg-bg-warning-muted text-fg-warning\" },\r\n      info: { iconBox: \"bg-bg-info-muted text-fg-info\" },\r\n      danger: { iconBox: \"bg-bg-danger-muted text-fg-danger\" },\r\n      neutral: { iconBox: \"bg-bg-muted text-fg-muted\" },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    surface: \"card\",\r\n    tone: \"neutral\",\r\n  },\r\n});\r\n\r\nexport const kpiGroup = tv({\r\n  base: \"grid w-full\",\r\n  variants: {\r\n    columns: {\r\n      2: \"grid-cols-1 sm:grid-cols-2\",\r\n      3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\r\n      4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4\",\r\n      5: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-5\",\r\n      6: \"grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6\",\r\n    },\r\n    divided: {\r\n      // 1 card único com divisórias (linha no mobile, coluna no sm+)\r\n      true: \"overflow-hidden rounded-radius-xl border border-border-subtle bg-bg-surface shadow-sh-sm divide-y divide-border-subtle sm:divide-y-0 sm:divide-x\",\r\n      false: \"gap-gp-2xl\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    columns: 4,\r\n    divided: false,\r\n  },\r\n});\r\n","\"use client\";\r\n\r\nimport { createContext } from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { kpiGroup } from \"./kpi.styles\";\r\nimport type { KpiGroupProps } from \"./kpi.types\";\r\n\r\n/** Superfície herdada pelos `Kpi` filhos (card normal vs plain dentro de divided). */\r\nexport const KpiSurfaceContext = createContext<\"card\" | \"plain\">(\"card\");\r\n\r\n/**\r\n * KpiGroup — layout de composição pros `Kpi`. `columns` (responsivo) e\r\n * `divided` (vira 1 card único com divisórias entre os KPIs).\r\n */\r\nexport function KpiGroup({\r\n  columns = 4,\r\n  divided = false,\r\n  children,\r\n  className,\r\n}: KpiGroupProps) {\r\n  return (\r\n    <KpiSurfaceContext.Provider value={divided ? \"plain\" : \"card\"}>\r\n      <div className={cn(kpiGroup({ columns, divided }), className)}>\r\n        {children}\r\n      </div>\r\n    </KpiSurfaceContext.Provider>\r\n  );\r\n}\r\n\r\nKpiGroup.displayName = \"KpiGroup\";\r\n","\"use client\";\r\n\r\nimport { useContext } from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { kpi } from \"./kpi.styles\";\r\nimport { KpiSurfaceContext } from \"./kpi-group\";\r\nimport type { KpiProps } from \"./kpi.types\";\r\n\r\n/**\r\n * Kpi — card de KPI composável: header (label + ícone por tone), valor +\r\n * delta, hint, slot livre (sparkline/chart) e footnote. Use dentro de\r\n * `KpiGroup` pra rows/grids; dentro de `KpiGroup divided` ele vira \"plain\".\r\n */\r\nexport function Kpi({\r\n  label,\r\n  value,\r\n  delta,\r\n  hint,\r\n  icon,\r\n  tone = \"neutral\",\r\n  size = \"md\",\r\n  footnote,\r\n  children,\r\n  surface,\r\n  className,\r\n}: KpiProps) {\r\n  const inherited = useContext(KpiSurfaceContext);\r\n  const s = kpi({ size, surface: surface ?? inherited, tone });\r\n\r\n  return (\r\n    <article className={cn(s.root(), className)}>\r\n      <header className={s.header()}>\r\n        <h3 className={s.label()}>{label}</h3>\r\n        {icon && (\r\n          <span className={s.iconBox()} aria-hidden>\r\n            {icon}\r\n          </span>\r\n        )}\r\n      </header>\r\n      <div className={s.main()}>\r\n        <div className={s.valueRow()}>\r\n          <span className={s.value()}>{value}</span>\r\n          {delta}\r\n        </div>\r\n        {hint && <span className={s.hint()}>{hint}</span>}\r\n      </div>\r\n      {children && <div className={s.chart()}>{children}</div>}\r\n      {footnote && <div className={s.footnote()}>{footnote}</div>}\r\n    </article>\r\n  );\r\n}\r\n\r\nKpi.displayName = \"Kpi\";\r\n","\"use client\";\r\n\r\nimport { TrendingUp } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Chip } from \"@/components/ui/Chip\";\r\nimport type { KpiDeltaProps } from \"./kpi.types\";\r\n\r\n/**\r\n * KpiDelta — pílula de variação (sobre o Chip). Tom semântico explícito\r\n * (success/danger/neutral) + seta opcional. O tom é decisão do consumidor —\r\n * \"subir\" nem sempre é positivo (ex.: tempo de espera).\r\n *\r\n * `signed` deriva tom+seta do sinal do `value` (\"-\" → danger/down; senão\r\n * success/up). `tone`/`direction` explícitos sempre vencem.\r\n */\r\nexport function KpiDelta({\r\n  value,\r\n  tone,\r\n  direction,\r\n  signed = false,\r\n  className,\r\n}: KpiDeltaProps) {\r\n  const isNegative =\r\n    signed && typeof value === \"string\" && value.trim().startsWith(\"-\");\r\n  const resolvedTone = tone ?? (signed ? (isNegative ? \"danger\" : \"success\") : \"success\");\r\n  const resolvedDirection = direction ?? (signed ? (isNegative ? \"down\" : \"up\") : undefined);\r\n\r\n  return (\r\n    <Chip\r\n      color={resolvedTone}\r\n      variant=\"soft\"\r\n      size=\"sm\"\r\n      shape=\"pill\"\r\n      className={className}\r\n    >\r\n      {resolvedDirection && (\r\n        <TrendingUp\r\n          className={cn(\"size-[12px]\", resolvedDirection === \"down\" && \"rotate-180\")}\r\n          aria-hidden\r\n        />\r\n      )}\r\n      {value}\r\n    </Chip>\r\n  );\r\n}\r\n\r\nKpiDelta.displayName = \"KpiDelta\";\r\n"],"names":["tv","createContext","jsx","cn","useContext","jsxs","Chip","TrendingUp"],"mappings":"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"}

package/dist-lib/chunks/kpi-delta-DpYuDY4h.mjs

@@ -0,0 +1,149 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { t as tv, c as cn, C as Chip } from "./app-shell-78w0pYdP.mjs";
+import { TrendingUp } from "lucide-react";
+const kpi = tv({
+  slots: {
+    root: "flex flex-col gap-gp-lg",
+    header: "flex items-start justify-between gap-gp-md",
+    label: "m-0 text-body-md font-semibold text-fg-default",
+    iconBox: "grid size-form-lg shrink-0 place-items-center rounded-radius-lg [&>svg]:size-icon-md",
+    main: "flex flex-col gap-gp-xs",
+    valueRow: "flex flex-wrap items-center gap-gp-md",
+    value: "leading-none text-fg-default [font-variant-numeric:tabular-nums]",
+    hint: "text-caption-sm text-fg-subtle",
+    chart: "mt-gp-xs",
+    footnote: "mt-pad-md border-t border-border-subtle pt-pad-lg text-caption-md text-fg-muted"
+  },
+  variants: {
+    // Tamanho do valor de destaque — presets `stat-*` (número de métrica).
+    // Default `md` (24px) = idêntico ao antigo `body-2xl`. Weight/leading tight
+    // vêm do preset + slot; pareado com tabular-nums.
+    size: {
+      sm: { value: "text-stat-sm" },
+      md: { value: "text-stat-md" },
+      lg: { value: "text-stat-lg" },
+      xl: { value: "text-stat-xl" }
+    },
+    surface: {
+      card: {
+        root: "rounded-radius-xl border border-border-subtle bg-bg-surface p-pad-3xl shadow-sh-sm"
+      },
+      plain: { root: "p-pad-3xl" }
+    },
+    tone: {
+      brand: { iconBox: "bg-bg-brand-subtle text-fg-brand" },
+      success: { iconBox: "bg-bg-success-muted text-fg-success" },
+      warning: { iconBox: "bg-bg-warning-muted text-fg-warning" },
+      info: { iconBox: "bg-bg-info-muted text-fg-info" },
+      danger: { iconBox: "bg-bg-danger-muted text-fg-danger" },
+      neutral: { iconBox: "bg-bg-muted text-fg-muted" }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    surface: "card",
+    tone: "neutral"
+  }
+});
+const kpiGroup = tv({
+  base: "grid w-full",
+  variants: {
+    columns: {
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      5: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",
+      6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
+    },
+    divided: {
+      // 1 card único com divisórias (linha no mobile, coluna no sm+)
+      true: "overflow-hidden rounded-radius-xl border border-border-subtle bg-bg-surface shadow-sh-sm divide-y divide-border-subtle sm:divide-y-0 sm:divide-x",
+      false: "gap-gp-2xl"
+    }
+  },
+  defaultVariants: {
+    columns: 4,
+    divided: false
+  }
+});
+const KpiSurfaceContext = createContext("card");
+function KpiGroup({
+  columns = 4,
+  divided = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(KpiSurfaceContext.Provider, { value: divided ? "plain" : "card", children: /* @__PURE__ */ jsx("div", { className: cn(kpiGroup({ columns, divided }), className), children }) });
+}
+KpiGroup.displayName = "KpiGroup";
+function Kpi({
+  label,
+  value,
+  delta,
+  hint,
+  icon,
+  tone = "neutral",
+  size = "md",
+  footnote,
+  children,
+  surface,
+  className
+}) {
+  const inherited = useContext(KpiSurfaceContext);
+  const s = kpi({ size, surface: surface ?? inherited, tone });
+  return /* @__PURE__ */ jsxs("article", { className: cn(s.root(), className), children: [
+    /* @__PURE__ */ jsxs("header", { className: s.header(), children: [
+      /* @__PURE__ */ jsx("h3", { className: s.label(), children: label }),
+      icon && /* @__PURE__ */ jsx("span", { className: s.iconBox(), "aria-hidden": true, children: icon })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: s.main(), children: [
+      /* @__PURE__ */ jsxs("div", { className: s.valueRow(), children: [
+        /* @__PURE__ */ jsx("span", { className: s.value(), children: value }),
+        delta
+      ] }),
+      hint && /* @__PURE__ */ jsx("span", { className: s.hint(), children: hint })
+    ] }),
+    children && /* @__PURE__ */ jsx("div", { className: s.chart(), children }),
+    footnote && /* @__PURE__ */ jsx("div", { className: s.footnote(), children: footnote })
+  ] });
+}
+Kpi.displayName = "Kpi";
+function KpiDelta({
+  value,
+  tone,
+  direction,
+  signed = false,
+  className
+}) {
+  const isNegative = signed && typeof value === "string" && value.trim().startsWith("-");
+  const resolvedTone = tone ?? (signed ? isNegative ? "danger" : "success" : "success");
+  const resolvedDirection = direction ?? (signed ? isNegative ? "down" : "up" : void 0);
+  return /* @__PURE__ */ jsxs(
+    Chip,
+    {
+      color: resolvedTone,
+      variant: "soft",
+      size: "sm",
+      shape: "pill",
+      className,
+      children: [
+        resolvedDirection && /* @__PURE__ */ jsx(
+          TrendingUp,
+          {
+            className: cn("size-[12px]", resolvedDirection === "down" && "rotate-180"),
+            "aria-hidden": true
+          }
+        ),
+        value
+      ]
+    }
+  );
+}
+KpiDelta.displayName = "KpiDelta";
+export {
+  KpiGroup as K,
+  Kpi as a,
+  KpiDelta as b
+};
+//# sourceMappingURL=kpi-delta-DpYuDY4h.mjs.map