@snksergio/design-system 0.53.0 → 0.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist-lib/chunks/{toggle-group-C9rrkkmh.cjs → toggle-group-BTnqY_nt.cjs} +23 -23
  2. package/dist-lib/chunks/toggle-group-BTnqY_nt.cjs.map +1 -0
  3. package/dist-lib/chunks/{toggle-group-mXbG8_Jm.mjs → toggle-group-BYmj8142.mjs} +22 -22
  4. package/dist-lib/chunks/toggle-group-BYmj8142.mjs.map +1 -0
  5. package/dist-lib/index.cjs +630 -1
  6. package/dist-lib/index.cjs.map +1 -1
  7. package/dist-lib/index.mjs +638 -9
  8. package/dist-lib/index.mjs.map +1 -1
  9. package/dist-lib/shadcn.cjs +1 -1
  10. package/dist-lib/shadcn.mjs +1 -1
  11. package/dist-lib/src/components/index.d.ts +1 -0
  12. package/dist-lib/src/components/index.d.ts.map +1 -1
  13. package/dist-lib/src/components/ui/TabsNavigation/index.d.ts +5 -0
  14. package/dist-lib/src/components/ui/TabsNavigation/index.d.ts.map +1 -0
  15. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation-context.d.ts +19 -0
  16. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation-context.d.ts.map +1 -0
  17. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.d.ts +84 -0
  18. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.d.ts.map +1 -0
  19. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.styles.d.ts +393 -0
  20. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.styles.d.ts.map +1 -0
  21. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.types.d.ts +99 -0
  22. package/dist-lib/src/components/ui/TabsNavigation/tabs-navigation.types.d.ts.map +1 -0
  23. package/dist-lib/src/components/ui/TabsNavigation/use-arrastar-para-rolar.d.ts +26 -0
  24. package/dist-lib/src/components/ui/TabsNavigation/use-arrastar-para-rolar.d.ts.map +1 -0
  25. package/dist-lib/theme.css +15 -0
  26. package/package.json +1 -1
  27. package/dist-lib/chunks/toggle-group-C9rrkkmh.cjs.map +0 -1
  28. package/dist-lib/chunks/toggle-group-mXbG8_Jm.mjs.map +0 -1
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const toggleGroup = require("./chunks/toggle-group-C9rrkkmh.cjs");
3
+ const toggleGroup = require("./chunks/toggle-group-BTnqY_nt.cjs");
4
4
  const sheet = require("./chunks/sheet-rg6uupt1.cjs");
5
5
  const AspectRatioPrimitive = require("@radix-ui/react-aspect-ratio");
6
6
  const avatar = require("./chunks/avatar-DAmZ7fBZ.cjs");
@@ -1,4 +1,4 @@
1
- import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, 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, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM } from "./chunks/toggle-group-mXbG8_Jm.mjs";
1
+ import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, 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, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM } from "./chunks/toggle-group-BYmj8142.mjs";
2
2
  import { A as A2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, C as C2, k as k2, l as l2, P as P2, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t as t2, S as S2, u as u2, v as v2, w as w2, x as x2, y as y2, z as z2, B as B2, D as D2, E as E2, F as F2, G as G2, H as H2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, T as T2, R as R2, U as U2, V as V2, W as W2 } from "./chunks/sheet-DIpYkRYS.mjs";
3
3
  import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
4
4
  import { A as A3, a as a11, b as b3, C as C3, d as d3, e as e3, f as f3, g as g3, h as h3, i as i3, j as j3, k as k3, l as l3, m as m3, n as n3, D as D3, o as o3, p as p3, q as q3, r as r3, s as s3, t as t3, u as u3, v as v3, w as w3, x as x3, y as y3, z as z3, B as B3, E as E3, F as F3, G as G3, H as H3, I as I3, J as J3, K as K3, L as L3, M as M3, N as N3, O as O3, P as P3, Q as Q3, R as R3, S as S3, T as T3, U as U3, V as V3, W as W3, 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 } from "./chunks/avatar-FPbG1TRy.mjs";
@@ -44,6 +44,7 @@ export * from './ui/ScreenLoader';
44
44
  export * from './ui/SingleMenuSidebar';
45
45
  export * from './ui/Spinner';
46
46
  export * from './ui/Table';
47
+ export * from './ui/TabsNavigation';
47
48
  export * from './ui/ChoroplethMap';
48
49
  /**
49
50
  * Entraram no barrel em 0.37.0. Existiam desde antes e simplesmente nunca foram
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export { TabsNavigation, TabsNavigationRoot, TabsNavigationTab, TabsNavigationTitle, TabsNavigationSubtitle, TabsNavigationAction, TabsNavigationActions, TabsNavigationPanel, } from './tabs-navigation';
2
+ export { TabsNavigationContext, type TabsNavigationContexto } from './tabs-navigation-context';
3
+ export { tabsNavigationRoot, tabsNavigationTrilho, tabsNavigationTab, tabsNavigationDivisoria, tabsNavigationControles, tabsNavigationAcao, tabsNavigationAcoes, tabsNavigationStatus, type TabsNavigationVariantProps, } from './tabs-navigation.styles';
4
+ export type { TabsNavigationProps, TabsNavigationTabProps, TabsNavigationPanelProps, TabsNavigationSurface, TabsNavigationDensity, TabsNavigationStatus, } from './tabs-navigation.types';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabsNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC/F,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,0BAA0B,GAChC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { TabsNavigationDensity, TabsNavigationSurface } from './tabs-navigation.types';
2
+ /**
3
+ * Contexto em arquivo próprio pelo mesmo motivo do `AvatarGroup`: `tabs-navigation.tsx` define a raiz
4
+ * E a aba, e a aba precisa ler o que a raiz decidiu (`density`, `fill`, `surface`, qual está
5
+ * ativa). Com o contexto dentro do mesmo módulo isso é trivial, mas quem quisesse importar só
6
+ * a aba puxaria a raiz junto — e no copy-in o arquivo viaja inteiro.
7
+ */
8
+ export interface TabsNavigationContexto {
9
+ value: string;
10
+ onValueChange: (value: string) => void;
11
+ surface: TabsNavigationSurface;
12
+ density: TabsNavigationDensity;
13
+ fill: boolean;
14
+ actionsMode: "hover" | "persistent";
15
+ /** Registrado pela raiz pra o `Panel` saber o `id` da aba que o rotula. */
16
+ idTab: (value: string) => string;
17
+ }
18
+ export declare const TabsNavigationContext: import('react').Context<TabsNavigationContexto | null>;
19
+ //# sourceMappingURL=tabs-navigation-context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-navigation-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabsNavigation/tabs-navigation-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,YAAY,CAAC;IACpC,2EAA2E;IAC3E,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,wDAAqD,CAAC"}
@@ -0,0 +1,84 @@
1
+ import { ReactNode } from 'react';
2
+ import { TabsNavigationTabProps, TabsNavigationPanelProps, TabsNavigationProps } from './tabs-navigation.types';
3
+ /**
4
+ * Título da aba. Existe pra não obrigar ninguém a decorar `truncate text-body-sm` — e pra o
5
+ * peso acompanhar a seleção: na aba ativa o título vai a `font-semibold` e herda o
6
+ * `text-fg-strong` da aba (branco puro no escuro, o tom mais escuro no claro). Nas inativas
7
+ * fica `font-medium` sobre `fg-muted`, que é o contraste de "aberta, mas não é esta".
8
+ */
9
+ export declare function TabsNavigationTitle({ children, className, ...rest }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
10
+ export declare namespace TabsNavigationTitle {
11
+ var displayName: string;
12
+ }
13
+ /** Subtítulo — some sozinho quando a tira é `density="compact"`. */
14
+ export declare function TabsNavigationSubtitle({ children, className, ...rest }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element | null;
15
+ export declare namespace TabsNavigationSubtitle {
16
+ var displayName: string;
17
+ }
18
+ /**
19
+ * Ação inline da aba. 24px porque o menor `size="icon-*"` do `Button` é 32px e não cabe numa
20
+ * aba de 40px sem espremer o título — é o mesmo motivo de o `+` da tira usar `Button` e este
21
+ * não. `stopPropagation` embutido: clique na ação não pode selecionar a aba.
22
+ */
23
+ export declare const TabsNavigationAction: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
24
+ tom?: "neutro" | "success" | "danger";
25
+ } & import('react').RefAttributes<HTMLButtonElement>>;
26
+ /** Ações GLOBAIS da tira (busca, preferências) — ficam à direita, depois de uma divisória. */
27
+ export declare function TabsNavigationActions({ children }: {
28
+ children?: ReactNode;
29
+ }): import("react/jsx-runtime").JSX.Element;
30
+ export declare namespace TabsNavigationActions {
31
+ var displayName: string;
32
+ }
33
+ /**
34
+ * Painel de conteúdo — opcional. Só faz sentido quando o conteúdo mora DENTRO da árvore do
35
+ * componente; quando mora fora (outra coluna, outra rota), use `panelId` na aba.
36
+ */
37
+ export declare function TabsNavigationPanel({ value, children, className, ...rest }: TabsNavigationPanelProps): import("react/jsx-runtime").JSX.Element | null;
38
+ export declare namespace TabsNavigationPanel {
39
+ var displayName: string;
40
+ }
41
+ export declare const TabsNavigationTab: import('react').ForwardRefExoticComponent<TabsNavigationTabProps & import('react').RefAttributes<HTMLDivElement>>;
42
+ /**
43
+ * `TabsNavigation` — tira de abas de navegação, no estilo das abas de um navegador.
44
+ *
45
+ * ## O conteúdo mora onde você quiser
46
+ *
47
+ * O componente é **sempre controlado** e não hospeda o conteúdo: ele diz qual aba está ativa
48
+ * (`value` / `onValueChange`) e o consumidor troca o que quiser, onde quiser — outra coluna,
49
+ * outra rota, outro componente. Pra fechar a acessibilidade com o painel fora, dê `panelId` à
50
+ * aba (vira `aria-controls`); com o painel dentro, use `<TabsNavigation.Panel>`.
51
+ *
52
+ * ## Composição, não configuração
53
+ *
54
+ * `leading`, `children`, `status`, `badge` e `actions` aceitam qualquer nó. `actions`
55
+ * **substitui** as ações padrão — é por ele que entram ✓/✗ de aceitar/recusar um chamado, ou
56
+ * cinco botões, ou nenhum.
57
+ *
58
+ * @example
59
+ * <TabsNavigation value={id} onValueChange={setId} aria-label="Conversas abertas" onNewTab={abrir}>
60
+ * <TabsNavigation.Tab
61
+ * value="c1"
62
+ * leading={<Avatar size="sm" colorHex="#2563EB">MS</Avatar>}
63
+ * status="success"
64
+ * badge={3}
65
+ * panelId="painel"
66
+ * onClose={() => fechar("c1")}
67
+ * >
68
+ * <TabsNavigation.Title>Maria Silva</TabsNavigation.Title>
69
+ * <TabsNavigation.Subtitle>Fatura de julho</TabsNavigation.Subtitle>
70
+ * </TabsNavigation.Tab>
71
+ * </TabsNavigation>
72
+ */
73
+ export declare const TabsNavigationRoot: import('react').ForwardRefExoticComponent<TabsNavigationProps & import('react').RefAttributes<HTMLDivElement>>;
74
+ type TabsNavigationCompound = typeof TabsNavigationRoot & {
75
+ Tab: typeof TabsNavigationTab;
76
+ Title: typeof TabsNavigationTitle;
77
+ Subtitle: typeof TabsNavigationSubtitle;
78
+ Action: typeof TabsNavigationAction;
79
+ Actions: typeof TabsNavigationActions;
80
+ Panel: typeof TabsNavigationPanel;
81
+ };
82
+ export declare const TabsNavigation: TabsNavigationCompound;
83
+ export {};
84
+ //# sourceMappingURL=tabs-navigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabsNavigation/tabs-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACxB,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AAQjC;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAa1G;yBAbe,mBAAmB;;;AAgBnC,oEAAoE;AACpE,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,kDAW7G;yBAXe,sBAAsB;;;AActC;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;UAEyB,QAAQ,GAAG,SAAS,GAAG,QAAQ;qDAcvF,CAAC;AAGH,8FAA8F;AAC9F,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAE3E;yBAFe,qBAAqB;;;AAKrC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,kDAcpG;yBAde,mBAAmB;;;AAmBnC,eAAO,MAAM,iBAAiB,mHA0H5B,CAAC;AAiCH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,kBAAkB,gHA4Q7B,CAAC;AAEH,KAAK,sBAAsB,GAAG,OAAO,kBAAkB,GAAG;IACxD,GAAG,EAAE,OAAO,iBAAiB,CAAC;IAC9B,KAAK,EAAE,OAAO,mBAAmB,CAAC;IAClC,QAAQ,EAAE,OAAO,sBAAsB,CAAC;IACxC,MAAM,EAAE,OAAO,oBAAoB,CAAC;IACpC,OAAO,EAAE,OAAO,qBAAqB,CAAC;IACtC,KAAK,EAAE,OAAO,mBAAmB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,cAAc,EAOrB,sBAAsB,CAAC"}
@@ -0,0 +1,393 @@
1
+ import { VariantProps } from '../../../utils/tv';
2
+ /**
3
+ * TabsNavigation styles — iGreen DS
4
+ *
5
+ * Tira de abas de NAVEGAÇÃO (estilo navegador): cada aba é uma sessão aberta, não um filtro
6
+ * de conteúdo dentro da tela. A diferença pro `Tabs` do shadcn não é estética — é que aqui a
7
+ * aba ativa **se une fisicamente** ao conteúdo, e é esse detalhe que carrega o componente.
8
+ *
9
+ * ## Os dois mecanismos de união, e por que são dois
10
+ *
11
+ * - **`fill: false` (aba pousada).** A tira tem uma régua de 1px embaixo; a aba ativa desce
12
+ * 1px (`-mb-px`) e pinta essa régua com a própria cor de fundo. Sem o truque ela vira um
13
+ * botão pousado sobre uma linha — que é exatamente o `Tabs` variante `line` que já existe.
14
+ * - **`fill: true` (altura total).** A aba ocupa a faixa inteira e a tira **não tem régua**:
15
+ * a união vira continuidade de cor. O truque do `-mb-px` foi medido aqui e não serve — a
16
+ * aba parava 2px antes da régua (1px do `pb-px` do trilho + 1px da borda da faixa), e
17
+ * fresta é pior que linha nenhuma.
18
+ *
19
+ * ## A superfície é prop, não constante
20
+ *
21
+ * A aba ativa TEM que ser a mesma cor do conteúdo abaixo dela. Num card é `bg-surface`; se o
22
+ * conteúdo for a página, é `bg-canvas`. Errar isso quebra a união, que é o componente inteiro.
23
+ *
24
+ * ## O fundo recuado usa DOIS tokens, um por modo — e isso é deliberado
25
+ *
26
+ * `bg-subtle` no claro, `bg-canvas` no escuro. Medido: no claro `canvas` é branco IGUAL a
27
+ * `surface` (recuo zero) e quem recua é `subtle` (0.973); no escuro `subtle` é branco a 1%
28
+ * sobre o card (invisível) e quem recua é `canvas` (0.205 contra 0.225). Cada modo tem o seu
29
+ * token de recuo, e o par existente cobre o papel — não há token novo aqui.
30
+ */
31
+ export declare const tabsNavigationRoot: import('tailwind-variants').TVReturnType<{
32
+ /**
33
+ * O RESPIRO DO TOPO É DO COMPONENTE, não do consumidor — e isso é o que torna a peça
34
+ * independente da superfície onde ela cai.
35
+ *
36
+ * Enquanto o padding vinha de um wrapper por fora, aquela faixa de 8px acima das abas
37
+ * ficava com a cor do container (a superfície do card) enquanto a tira ficava com o
38
+ * recuo: duas cores na mesma banda, e a aba inativa parecia "um botão de outra cor
39
+ * pousado num fundo diferente". Trazendo o padding pra cá, o recuo cobre a banda inteira
40
+ * e a ÚNICA coisa com fundo próprio passa a ser a aba ativa.
41
+ */
42
+ respiro: {
43
+ comfortable: string;
44
+ compact: string;
45
+ nenhum: string;
46
+ };
47
+ /**
48
+ * `items-stretch` é o que faz a aba de altura total valer: com `items-end` ela encolheria
49
+ * pro próprio conteúdo e o `h-full` não teria contra o que medir. A régua some junto.
50
+ */
51
+ fill: {
52
+ true: string;
53
+ false: string;
54
+ };
55
+ /**
56
+ * Fundo recuado da tira — o par por modo explicado no cabeçalho deste arquivo.
57
+ *
58
+ * No claro é `bg-emphasis` (0.94), não `bg-subtle` (0.973): contra a aba ativa branca, o
59
+ * delta de 0.027 do subtle quase não se lia. Com `emphasis` o recuo é 0.06 e a aba
60
+ * selecionada salta. No escuro `emphasis` é branco a 12% **sobre** o que está atrás, ou
61
+ * seja mais CLARO que a superfície (0.28 contra 0.225) — inverteria a hierarquia; ali quem
62
+ * recua continua sendo `canvas`, e o reforço vem da sombra na aba ativa.
63
+ */
64
+ chrome: {
65
+ true: string;
66
+ false: string;
67
+ };
68
+ }, undefined, "flex gap-gp-2xs px-pad-lg", {
69
+ /**
70
+ * O RESPIRO DO TOPO É DO COMPONENTE, não do consumidor — e isso é o que torna a peça
71
+ * independente da superfície onde ela cai.
72
+ *
73
+ * Enquanto o padding vinha de um wrapper por fora, aquela faixa de 8px acima das abas
74
+ * ficava com a cor do container (a superfície do card) enquanto a tira ficava com o
75
+ * recuo: duas cores na mesma banda, e a aba inativa parecia "um botão de outra cor
76
+ * pousado num fundo diferente". Trazendo o padding pra cá, o recuo cobre a banda inteira
77
+ * e a ÚNICA coisa com fundo próprio passa a ser a aba ativa.
78
+ */
79
+ respiro: {
80
+ comfortable: string;
81
+ compact: string;
82
+ nenhum: string;
83
+ };
84
+ /**
85
+ * `items-stretch` é o que faz a aba de altura total valer: com `items-end` ela encolheria
86
+ * pro próprio conteúdo e o `h-full` não teria contra o que medir. A régua some junto.
87
+ */
88
+ fill: {
89
+ true: string;
90
+ false: string;
91
+ };
92
+ /**
93
+ * Fundo recuado da tira — o par por modo explicado no cabeçalho deste arquivo.
94
+ *
95
+ * No claro é `bg-emphasis` (0.94), não `bg-subtle` (0.973): contra a aba ativa branca, o
96
+ * delta de 0.027 do subtle quase não se lia. Com `emphasis` o recuo é 0.06 e a aba
97
+ * selecionada salta. No escuro `emphasis` é branco a 12% **sobre** o que está atrás, ou
98
+ * seja mais CLARO que a superfície (0.28 contra 0.225) — inverteria a hierarquia; ali quem
99
+ * recua continua sendo `canvas`, e o reforço vem da sombra na aba ativa.
100
+ */
101
+ chrome: {
102
+ true: string;
103
+ false: string;
104
+ };
105
+ }, undefined, import('tailwind-variants').TVReturnType<{
106
+ /**
107
+ * O RESPIRO DO TOPO É DO COMPONENTE, não do consumidor — e isso é o que torna a peça
108
+ * independente da superfície onde ela cai.
109
+ *
110
+ * Enquanto o padding vinha de um wrapper por fora, aquela faixa de 8px acima das abas
111
+ * ficava com a cor do container (a superfície do card) enquanto a tira ficava com o
112
+ * recuo: duas cores na mesma banda, e a aba inativa parecia "um botão de outra cor
113
+ * pousado num fundo diferente". Trazendo o padding pra cá, o recuo cobre a banda inteira
114
+ * e a ÚNICA coisa com fundo próprio passa a ser a aba ativa.
115
+ */
116
+ respiro: {
117
+ comfortable: string;
118
+ compact: string;
119
+ nenhum: string;
120
+ };
121
+ /**
122
+ * `items-stretch` é o que faz a aba de altura total valer: com `items-end` ela encolheria
123
+ * pro próprio conteúdo e o `h-full` não teria contra o que medir. A régua some junto.
124
+ */
125
+ fill: {
126
+ true: string;
127
+ false: string;
128
+ };
129
+ /**
130
+ * Fundo recuado da tira — o par por modo explicado no cabeçalho deste arquivo.
131
+ *
132
+ * No claro é `bg-emphasis` (0.94), não `bg-subtle` (0.973): contra a aba ativa branca, o
133
+ * delta de 0.027 do subtle quase não se lia. Com `emphasis` o recuo é 0.06 e a aba
134
+ * selecionada salta. No escuro `emphasis` é branco a 12% **sobre** o que está atrás, ou
135
+ * seja mais CLARO que a superfície (0.28 contra 0.225) — inverteria a hierarquia; ali quem
136
+ * recua continua sendo `canvas`, e o reforço vem da sombra na aba ativa.
137
+ */
138
+ chrome: {
139
+ true: string;
140
+ false: string;
141
+ };
142
+ }, undefined, "flex gap-gp-2xs px-pad-lg", unknown, unknown, undefined>>;
143
+ export declare const tabsNavigationTrilho: import('tailwind-variants').TVReturnType<{
144
+ /** o `pb-px` só existe pra o `-mb-px` da aba não ser cortado pelo overflow. */
145
+ fill: {
146
+ true: string;
147
+ false: string;
148
+ };
149
+ }, undefined, "flex min-w-0 flex-1 gap-gp-2xs overflow-x-auto scrollbar-none", {
150
+ /** o `pb-px` só existe pra o `-mb-px` da aba não ser cortado pelo overflow. */
151
+ fill: {
152
+ true: string;
153
+ false: string;
154
+ };
155
+ }, undefined, import('tailwind-variants').TVReturnType<{
156
+ /** o `pb-px` só existe pra o `-mb-px` da aba não ser cortado pelo overflow. */
157
+ fill: {
158
+ true: string;
159
+ false: string;
160
+ };
161
+ }, undefined, "flex min-w-0 flex-1 gap-gp-2xs overflow-x-auto scrollbar-none", unknown, unknown, undefined>>;
162
+ export declare const tabsNavigationTab: import('tailwind-variants').TVReturnType<{
163
+ /**
164
+ * A largura é fixa (aba que cresce com o título faz a fila dançar a cada troca) — mas
165
+ * fixa em DOIS degraus: no celular, 228px é quase a tela inteira e o usuário vê uma aba
166
+ * e meia, sem noção de que há uma fila. Abaixo de `sm` a aba cai pra ~168/148px, que
167
+ * mostra duas e meia e deixa o gesto de arrastar fazer sentido.
168
+ */
169
+ density: {
170
+ comfortable: string;
171
+ compact: string;
172
+ };
173
+ fill: {
174
+ true: string;
175
+ false: string;
176
+ };
177
+ /** A superfície da aba ATIVA — tem que casar com o conteúdo logo abaixo dela. */
178
+ surface: {
179
+ surface: string;
180
+ canvas: string;
181
+ };
182
+ ativa: {
183
+ /**
184
+ * `shadow-sh-sm` faz o trabalho que a cor não consegue no escuro: ali a ativa (0.225) e
185
+ * o recuo (0.205) distam 0.02, e mudar a cor da ativa quebraria a união com o conteúdo,
186
+ * que é o ponto do componente. A sombra separa sem mexer na cor — e no dark ela vem
187
+ * amplificada por token (L-011).
188
+ */
189
+ true: string;
190
+ false: string;
191
+ };
192
+ }, undefined, string[], {
193
+ /**
194
+ * A largura é fixa (aba que cresce com o título faz a fila dançar a cada troca) — mas
195
+ * fixa em DOIS degraus: no celular, 228px é quase a tela inteira e o usuário vê uma aba
196
+ * e meia, sem noção de que há uma fila. Abaixo de `sm` a aba cai pra ~168/148px, que
197
+ * mostra duas e meia e deixa o gesto de arrastar fazer sentido.
198
+ */
199
+ density: {
200
+ comfortable: string;
201
+ compact: string;
202
+ };
203
+ fill: {
204
+ true: string;
205
+ false: string;
206
+ };
207
+ /** A superfície da aba ATIVA — tem que casar com o conteúdo logo abaixo dela. */
208
+ surface: {
209
+ surface: string;
210
+ canvas: string;
211
+ };
212
+ ativa: {
213
+ /**
214
+ * `shadow-sh-sm` faz o trabalho que a cor não consegue no escuro: ali a ativa (0.225) e
215
+ * o recuo (0.205) distam 0.02, e mudar a cor da ativa quebraria a união com o conteúdo,
216
+ * que é o ponto do componente. A sombra separa sem mexer na cor — e no dark ela vem
217
+ * amplificada por token (L-011).
218
+ */
219
+ true: string;
220
+ false: string;
221
+ };
222
+ }, undefined, import('tailwind-variants').TVReturnType<{
223
+ /**
224
+ * A largura é fixa (aba que cresce com o título faz a fila dançar a cada troca) — mas
225
+ * fixa em DOIS degraus: no celular, 228px é quase a tela inteira e o usuário vê uma aba
226
+ * e meia, sem noção de que há uma fila. Abaixo de `sm` a aba cai pra ~168/148px, que
227
+ * mostra duas e meia e deixa o gesto de arrastar fazer sentido.
228
+ */
229
+ density: {
230
+ comfortable: string;
231
+ compact: string;
232
+ };
233
+ fill: {
234
+ true: string;
235
+ false: string;
236
+ };
237
+ /** A superfície da aba ATIVA — tem que casar com o conteúdo logo abaixo dela. */
238
+ surface: {
239
+ surface: string;
240
+ canvas: string;
241
+ };
242
+ ativa: {
243
+ /**
244
+ * `shadow-sh-sm` faz o trabalho que a cor não consegue no escuro: ali a ativa (0.225) e
245
+ * o recuo (0.205) distam 0.02, e mudar a cor da ativa quebraria a união com o conteúdo,
246
+ * que é o ponto do componente. A sombra separa sem mexer na cor — e no dark ela vem
247
+ * amplificada por token (L-011).
248
+ */
249
+ true: string;
250
+ false: string;
251
+ };
252
+ }, undefined, string[], unknown, unknown, undefined>>;
253
+ /**
254
+ * Divisória curta entre abas — 20px, não altura cheia: altura cheia transformaria a tira num
255
+ * toolbar segmentado, que é outra leitura. Centrar depende do modo, porque o eixo do flex
256
+ * muda: `items-end` no pousado (daí a margem), `items-stretch` no cheio (daí `self-center`).
257
+ */
258
+ export declare const tabsNavigationDivisoria: import('tailwind-variants').TVReturnType<{
259
+ fill: {
260
+ true: string;
261
+ false: string;
262
+ };
263
+ /** Ao lado da aba ativa some: encostada na borda dela vira uma sombra falsa. */
264
+ oculta: {
265
+ true: string;
266
+ false: string;
267
+ };
268
+ }, undefined, "w-px shrink-0 bg-border-default", {
269
+ fill: {
270
+ true: string;
271
+ false: string;
272
+ };
273
+ /** Ao lado da aba ativa some: encostada na borda dela vira uma sombra falsa. */
274
+ oculta: {
275
+ true: string;
276
+ false: string;
277
+ };
278
+ }, undefined, import('tailwind-variants').TVReturnType<{
279
+ fill: {
280
+ true: string;
281
+ false: string;
282
+ };
283
+ /** Ao lado da aba ativa some: encostada na borda dela vira uma sombra falsa. */
284
+ oculta: {
285
+ true: string;
286
+ false: string;
287
+ };
288
+ }, undefined, "w-px shrink-0 bg-border-default", unknown, unknown, undefined>>;
289
+ /**
290
+ * A faixa dos controles (setas, `+`, lista, ações globais) tem a MESMA altura da aba e
291
+ * centraliza — é isso que alinha a fileira. Medido: com 48px fixos ao lado de abas de 40px,
292
+ * ou dentro de uma faixa de 56px no modo cheio, tudo descia 4px do eixo.
293
+ */
294
+ export declare const tabsNavigationControles: import('tailwind-variants').TVReturnType<{
295
+ fill: {
296
+ true: string;
297
+ false: string;
298
+ };
299
+ density: {
300
+ comfortable: string;
301
+ compact: string;
302
+ };
303
+ }, undefined, "flex shrink-0 items-center gap-gp-2xs", {
304
+ fill: {
305
+ true: string;
306
+ false: string;
307
+ };
308
+ density: {
309
+ comfortable: string;
310
+ compact: string;
311
+ };
312
+ }, undefined, import('tailwind-variants').TVReturnType<{
313
+ fill: {
314
+ true: string;
315
+ false: string;
316
+ };
317
+ density: {
318
+ comfortable: string;
319
+ compact: string;
320
+ };
321
+ }, undefined, "flex shrink-0 items-center gap-gp-2xs", unknown, unknown, undefined>>;
322
+ /** Ação inline da aba (`⋯`, `×`, ✓/✗). 24px — o menor `icon-*` do Button é 32px e não cabe. */
323
+ export declare const tabsNavigationAcao: import('tailwind-variants').TVReturnType<{
324
+ tom: {
325
+ neutro: string;
326
+ success: string;
327
+ danger: string;
328
+ };
329
+ }, undefined, string[], {
330
+ tom: {
331
+ neutro: string;
332
+ success: string;
333
+ danger: string;
334
+ };
335
+ }, undefined, import('tailwind-variants').TVReturnType<{
336
+ tom: {
337
+ neutro: string;
338
+ success: string;
339
+ danger: string;
340
+ };
341
+ }, undefined, string[], unknown, unknown, undefined>>;
342
+ /**
343
+ * A coluna de ações CRESCE de 0fr a 1fr em vez de ficar reservada com `opacity-0`.
344
+ *
345
+ * Com opacidade os botões ocupavam 48px invisíveis e o título truncava por causa de espaço
346
+ * que ninguém usava (medido: um título que cabia em 149px vinha cortado). `0fr → 1fr` é
347
+ * interpolável em qualquer engine — `interpolate-size`/`calc-size()` fariam isso direto, mas
348
+ * ainda não são Baseline e o DS entrega pra navegador que não escolhemos.
349
+ */
350
+ export declare const tabsNavigationAcoes: import('tailwind-variants').TVReturnType<{
351
+ visivel: {
352
+ true: string;
353
+ false: string;
354
+ };
355
+ }, undefined, "grid transition-[grid-template-columns,opacity] duration-150 ease-out", {
356
+ visivel: {
357
+ true: string;
358
+ false: string;
359
+ };
360
+ }, undefined, import('tailwind-variants').TVReturnType<{
361
+ visivel: {
362
+ true: string;
363
+ false: string;
364
+ };
365
+ }, undefined, "grid transition-[grid-template-columns,opacity] duration-150 ease-out", unknown, unknown, undefined>>;
366
+ /** O ponto de status. Ponto, não Chip: 5 abas abertas = 5 chips brigando com os títulos. */
367
+ export declare const tabsNavigationStatus: import('tailwind-variants').TVReturnType<{
368
+ status: {
369
+ success: string;
370
+ warning: string;
371
+ danger: string;
372
+ info: string;
373
+ neutral: string;
374
+ };
375
+ }, undefined, "size-icon-2xs shrink-0", {
376
+ status: {
377
+ success: string;
378
+ warning: string;
379
+ danger: string;
380
+ info: string;
381
+ neutral: string;
382
+ };
383
+ }, undefined, import('tailwind-variants').TVReturnType<{
384
+ status: {
385
+ success: string;
386
+ warning: string;
387
+ danger: string;
388
+ info: string;
389
+ neutral: string;
390
+ };
391
+ }, undefined, "size-icon-2xs shrink-0", unknown, unknown, undefined>>;
392
+ export type TabsNavigationVariantProps = VariantProps<typeof tabsNavigationTab>;
393
+ //# sourceMappingURL=tabs-navigation.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-navigation.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabsNavigation/tabs-navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,eAAO,MAAM,kBAAkB;IAI3B;;;;;;;;;OASG;;;;;;IAMH;;;OAGG;;;;;IAKH;;;;;;;;OAQG;;;;;;IA/BH;;;;;;;;;OASG;;;;;;IAMH;;;OAGG;;;;;IAKH;;;;;;;;OAQG;;;;;;IA/BH;;;;;;;;;OASG;;;;;;IAMH;;;OAGG;;;;;IAKH;;;;;;;;OAQG;;;;;wEAQL,CAAC;AAEH,eAAO,MAAM,oBAAoB;IAQ7B,+EAA+E;;;;;;IAA/E,+EAA+E;;;;;;IAA/E,+EAA+E;;;;;4GAQjF,CAAC;AAEH,eAAO,MAAM,iBAAiB;IAS1B;;;;;OAKG;;;;;;;;;IASH,iFAAiF;;;;;;QAM/E;;;;;WAKG;;;;;IAzBL;;;;;OAKG;;;;;;;;;IASH,iFAAiF;;;;;;QAM/E;;;;;WAKG;;;;;IAzBL;;;;;OAKG;;;;;;;;;IASH,iFAAiF;;;;;;QAM/E;;;;;WAKG;;;;qDAyBP,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;IAQhC,gFAAgF;;;;;;;;;;IAAhF,gFAAgF;;;;;;;;;;IAAhF,gFAAgF;;;;;8EAQlF,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;oFAclC,CAAC;AAEH,+FAA+F;AAC/F,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;qDAe7B,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;oHAY9B,CAAC;AAEH,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;qEAc/B,CAAC;AAEH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}