@snksergio/design-system 0.55.0 → 0.56.0

package/dist-lib/src/components/ui/Scheduler/scheduler.styles.d.ts

@@ -0,0 +1,820 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Fonte única do visual do `Scheduler`. Nenhum componente da pasta escreve
+ * classe de estilo inline — quem quiser mudar a pele muda AQUI (regra de ouro
+ * do DS).
+ *
+ * ⛔ Nada aqui importa de `../TableToolbar`. A gramática visual da toolbar
+ * (segmented, busca, chip aplicado) é **copiada** de
+ * `TableToolbar/table-toolbar.styles.ts`, não importada — cross-import entre
+ * pastas de `ui/` é o que gerou o `registryDependency` dangling da L-049 no
+ * `DataList`: `@igreen/table-toolbar` não existe como item de registry, então
+ * `igreen:add scheduler` estrearia quebrado no consumidor de copy-in enquanto
+ * `tsc` e showcase ficam verdes. O custo aceito é manter as duas cópias em
+ * sync na mão; a alternativa era um defeito invisível justamente onde a gente
+ * não olha (spec §4.1).
+ */
+/**
+ * `h-full` (não só `min-h-0`) é o que impede o painel de filtro de esticar a
+ * altura da linha inteira.
+ *
+ * Sem ele o root dimensionava por CONTEÚDO: a coluna do painel, que é uma pilha
+ * de mini-calendário + grupos, ficava mais alta que a grade e passava a mandar
+ * na altura das duas — no exemplo do showcase isso vazava pra fora do
+ * `h-[720px]` e cortava. Com `h-full`, o root ocupa o pai, `schedulerBody` é
+ * `flex-1 min-h-0`, e o painel rola por dentro em vez de crescer.
+ *
+ * Em pai de altura automática, `height: 100%` resolve contra `auto` e se
+ * comporta como `auto` — ou seja, não piora o caso "esqueci de dar altura", que
+ * segue documentado como gotcha nº 1 do USAGE.
+ */
+export declare const schedulerRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Uma linha em desktop, quebra em duas abaixo de ~1024px. `flex-wrap` +
+ * `justify-between` em vez de grid de 2 colunas: os dois lados têm largura de
+ * conteúdo (o título muda de tamanho por mês e por view), e grid obrigaria a
+ * fixar uma fração que sobra ou falta.
+ */
+export declare const schedulerToolbar: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerToolbarSide: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex min-w-0 flex-wrap items-center gap-gp-md", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex min-w-0 flex-wrap items-center gap-gp-md", unknown, unknown, undefined>>;
+/**
+ * Título do período ("setembro 2026"). `text-title-sm` e não `heading`: o
+ * calendário mora dentro de uma página que já tem `PageHeader` com o H1 — um
+ * heading aqui competiria com ele.
+ *
+ * `first-letter:uppercase` porque o date-fns com locale ptBR devolve o mês em
+ * minúscula ("setembro"), e no topo de um bloco isso lê como texto cortado.
+ * Capitalizar no CSS e não no JS mantém a string original acessível a quem
+ * usa `title` como override.
+ */
+export declare const schedulerTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Três segmentos colados num controle só. Não usa o `ButtonGroup` do DS de
+ * propósito: ele resolve o **split button** (2 slots, `Primary` + `Chevron`,
+ * com os cantos já decididos em `!rounded-r-none` / `!rounded-l-none`) e não
+ * tem como expressar um segmento do MEIO sem canto nenhum. Forçá-lo aqui
+ * exigiria brigar com os `!` dele.
+ *
+ * O que este grupo faz é só a junta: os três filhos continuam sendo `Button`
+ * do DS, então cor, foco, altura e estados vêm de lá.
+ *
+ * `-ml-px` no 2º em diante colapsa a borda dupla entre segmentos vizinhos.
+ */
+export declare const schedulerNavGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Substituiu o segmented de 4 posições. O segmented mostrava as 4 opções de
+ * uma vez, o que é bom, mas custava ~230px numa toolbar que agora também tem
+ * botão de filtro — em 1280px ele empurrava a ação primária pra segunda linha.
+ * O dropdown custa ~110px e diz qual view está ativa no próprio rótulo.
+ */
+export declare const schedulerViewTriggerLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "tabular-nums", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "tabular-nums", unknown, unknown, undefined>>;
+export declare const schedulerViewMenuItem: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between gap-gp-xl", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between gap-gp-xl", unknown, unknown, undefined>>;
+/**
+ * Ponto de "tem filtro aplicado" no canto do botão — mesma convenção do
+ * `toolbarToolDot` do `TableToolbar`. `border-2 border-bg-canvas` recorta o
+ * ponto do botão embaixo, senão ele parece um pixel sujo na borda.
+ */
+export declare const schedulerFilterDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerSearch: import('tailwind-variants').TVReturnType<{
+    /** Mantém expandido mesmo sem foco quando já há termo digitado. */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** Mantém expandido mesmo sem foco quando já há termo digitado. */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Mantém expandido mesmo sem foco quando já há termo digitado. */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerSearchInput: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerFilterRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Chip de filtro **aplicado**. Desde que o painel lateral passou a ser o lugar
+ * de escolher, esta linha não mostra mais chip vazio de borda tracejada: ela é
+ * só o resumo do que está ligado, com o `×` pra desligar sem reabrir o painel
+ * — que é o que a L-051 pede (o estado filtrado tem que ser visível e
+ * desfazível sem procurar o controle que o produziu).
+ *
+ * A variante `applied` continua no tv() porque o `false` ainda serve pro caso
+ * de um chip renderizado durante a animação de saída.
+ */
+export declare const schedulerFilterChip: import('tailwind-variants').TVReturnType<{
+    applied: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    applied: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    applied: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerFilterChipName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "font-semibold text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "font-semibold text-fg-default", unknown, unknown, undefined>>;
+export declare const schedulerFilterChipValue: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerClearLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * A área abaixo da toolbar. O painel de filtro é uma **coluna de verdade**, não
+ * um overlay: ele empurra a grade em vez de cobri-la.
+ *
+ * É a diferença que importa aqui. Um `Popover`/`Sheet` por cima obriga a
+ * fechar pra ver o efeito do filtro — e filtro é exatamente o controle cujo
+ * resultado você quer olhar enquanto mexe. Como coluna, marcar uma caixa e ver
+ * a grade reagir acontece no mesmo gesto.
+ *
+ * O custo é largura: a grade encolhe ~296px. Por isso o painel é fechado por
+ * default e some abaixo de `lg` (ver `schedulerFilterAside`).
+ */
+export declare const schedulerBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex min-h-0 flex-1 gap-gp-2xl", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex min-h-0 flex-1 gap-gp-2xl", unknown, unknown, undefined>>;
+export declare const schedulerMain: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex min-h-0 min-w-0 flex-1 flex-col", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex min-h-0 min-w-0 flex-1 flex-col", unknown, unknown, undefined>>;
+/**
+ * `w-[280px] shrink-0` — largura fixa, não fração: o mini-calendário tem 7
+ * colunas de largura mínima e uma fração de viewport o quebraria em telas
+ * médias.
+ *
+ * ⚠️ **Não há media query aqui, de propósito.** A primeira versão tinha
+ * `hidden lg:flex`, e o `scheduler.tsx` gateava o botão de filtro com um
+ * `matchMedia("(min-width: 1024px)")` — o MESMO breakpoint escrito em dois
+ * lugares, com dois mecanismos diferentes. Medido no browser: dá pra chegar num
+ * estado em que o botão se diz aberto e o painel está `display: none`, ou seja
+ * um controle que não faz nada visível.
+ *
+ * Agora o breakpoint vive **só** no `useMediaQuery` do `scheduler.tsx`, que
+ * decide se o painel é montado. Uma fonte de verdade: painel no DOM ⟺ botão
+ * diz aberto. Se o hook estiver defasado, os dois estão defasados juntos —
+ * consistente, em vez de contraditório.
+ */
+export declare const schedulerFilterAside: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Seção do painel — **inteiriça**, com padding próprio, e a divisória de ponta
+ * a ponta entre uma e outra.
+ *
+ * O painel não tem padding nem gap: quem paga o respiro é a seção. É o que faz
+ * a linha divisória chegar até as bordas do card, do jeito que se espera de uma
+ * pilha de blocos. Com padding no container e `gap`, a divisória ficaria
+ * recuada dos dois lados e leria como sublinhado de um item, não como separação
+ * entre blocos.
+ *
+ * `last:border-b-0` fecha a última: a borda do card já encerra a pilha, e uma
+ * divisória imediatamente antes dela vira duas linhas paralelas a 1px.
+ */
+export declare const schedulerAsideSection: import('tailwind-variants').TVReturnType<{
+    /** O cabeçalho é mais raso: só uma linha de título + ações. */
+    compact: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Cabeçalho fixo no topo enquanto o resto rola.
+     *
+     * `bg-bg-surface` é **obrigatório** e não decoração: `sticky` não cria
+     * fundo, então sem ele o mini-calendário passaria por baixo do título. E
+     * `z-[1]` porque as caixas e o `Checkbox` do Radix criam contexto próprio
+     * de empilhamento — sem o z, o conteúdo que rola sobrepõe o cabeçalho.
+     */
+    sticky: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** O cabeçalho é mais raso: só uma linha de título + ações. */
+    compact: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Cabeçalho fixo no topo enquanto o resto rola.
+     *
+     * `bg-bg-surface` é **obrigatório** e não decoração: `sticky` não cria
+     * fundo, então sem ele o mini-calendário passaria por baixo do título. E
+     * `z-[1]` porque as caixas e o `Checkbox` do Radix criam contexto próprio
+     * de empilhamento — sem o z, o conteúdo que rola sobrepõe o cabeçalho.
+     */
+    sticky: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** O cabeçalho é mais raso: só uma linha de título + ações. */
+    compact: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Cabeçalho fixo no topo enquanto o resto rola.
+     *
+     * `bg-bg-surface` é **obrigatório** e não decoração: `sticky` não cria
+     * fundo, então sem ele o mini-calendário passaria por baixo do título. E
+     * `z-[1]` porque as caixas e o `Checkbox` do Radix criam contexto próprio
+     * de empilhamento — sem o z, o conteúdo que rola sobrepõe o cabeçalho.
+     */
+    sticky: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerAsideHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between gap-gp-md", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between gap-gp-md", unknown, unknown, undefined>>;
+export declare const schedulerAsideTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm font-semibold text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm font-semibold text-fg-default", unknown, unknown, undefined>>;
+export declare const schedulerMiniHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex items-center justify-between gap-gp-sm", unknown, unknown, undefined>>;
+export declare const schedulerMiniTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "min-w-0 truncate text-body-sm font-semibold text-fg-default first-letter:uppercase", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "min-w-0 truncate text-body-sm font-semibold text-fg-default first-letter:uppercase", unknown, unknown, undefined>>;
+export declare const schedulerMiniGrid: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "grid grid-cols-7 gap-gp-2xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "grid grid-cols-7 gap-gp-2xs", unknown, unknown, undefined>>;
+export declare const schedulerMiniWeekday: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Célula do mini-calendário. `today` é o anel; `selected` é o preenchido — os
+ * dois podem coexistir, e é por isso que são variantes separadas em vez de um
+ * único `state`. Quando coincidem, o preenchido vence e o anel some (senão
+ * viram dois círculos concêntricos de 24px, ilegíveis).
+ */
+export declare const schedulerMiniDay: import('tailwind-variants').TVReturnType<{
+    outside: {
+        true: string;
+        false: string;
+    };
+    hasEvents: {
+        true: string;
+        false: string;
+    };
+    today: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    outside: {
+        true: string;
+        false: string;
+    };
+    hasEvents: {
+        true: string;
+        false: string;
+    };
+    today: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    outside: {
+        true: string;
+        false: string;
+    };
+    hasEvents: {
+        true: string;
+        false: string;
+    };
+    today: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-gp-sm", unknown, unknown, undefined>>;
+/**
+ * `-mx-pad-sm px-pad-sm`: o fundo do hover sangra 6px pra fora, mas o TEXTO
+ * fica alinhado com o padding da seção. Sem o `-mx`, o rótulo do grupo ficaria
+ * 6px mais dentro que o título "Filtros" do cabeçalho — desalinho visível numa
+ * coluna estreita.
+ */
+export declare const schedulerGroupHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerGroupChevron: import('tailwind-variants').TVReturnType<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-transform duration-150", {
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-transform duration-150", unknown, unknown, undefined>>;
+/**
+ * Linha de opção: `<label>` nativo embrulhando o `Checkbox`, **não**
+ * `<button>`. O label propaga o clique pro checkbox real, mantém a semântica
+ * de checkbox no leitor de tela e faz a linha inteira ser alvo de clique —
+ * é a mesma lição do `CardCheckbox` (L-025).
+ */
+export declare const schedulerOption: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerOptionLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "min-w-0 flex-1 truncate", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "min-w-0 flex-1 truncate", unknown, unknown, undefined>>;
+export declare const schedulerOptionCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "shrink-0 text-caption-sm tabular-nums text-fg-subtle", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "shrink-0 text-caption-sm tabular-nums text-fg-subtle", unknown, unknown, undefined>>;
+/**
+ * Cor da caixa quando marcada. Sobrescreve o `data-[state=checked]:bg-bg-brand`
+ * do `Checkbox` via `className` — `tailwind-merge` resolve o par (mesmo
+ * modificador, mesmo grupo de utilitário) mantendo o último.
+ *
+ * O `[&_svg]` é necessário porque o tique mora no `Indicator`, que é filho e
+ * não alcançável por className na raiz.
+ */
+export declare const schedulerOptionBox: import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "shrink-0", {
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+}, undefined, "shrink-0", unknown, unknown, undefined>>;
+/**
+ * `overflow-hidden` + `rounded` no wrapper, e as células desenham só borda
+ * direita/inferior: é o que produz a régua interna sem borda dupla e sem
+ * precisar de `:last-child` em 42 células.
+ */
+export declare const schedulerMonthFrame: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerWeekdayRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerWeekdayCell: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerMonthGrid: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "grid min-h-0 flex-1 grid-cols-7 grid-rows-6", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "grid min-h-0 flex-1 grid-cols-7 grid-rows-6", unknown, unknown, undefined>>;
+/**
+ * `[&:nth-child(7n)]:border-r-0` zera a borda direita da última coluna sem
+ * precisar passar índice pro componente da célula.
+ */
+export declare const schedulerMonthCell: import('tailwind-variants').TVReturnType<{
+    /** Dia de mês vizinho — recuado, não escondido: a grade é sempre 6×7. */
+    outside: {
+        true: string;
+        false: string;
+    };
+    /** Última linha da grade não desenha borda inferior (o frame já fecha). */
+    lastRow: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** Dia de mês vizinho — recuado, não escondido: a grade é sempre 6×7. */
+    outside: {
+        true: string;
+        false: string;
+    };
+    /** Última linha da grade não desenha borda inferior (o frame já fecha). */
+    lastRow: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Dia de mês vizinho — recuado, não escondido: a grade é sempre 6×7. */
+    outside: {
+        true: string;
+        false: string;
+    };
+    /** Última linha da grade não desenha borda inferior (o frame já fecha). */
+    lastRow: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerDayHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex shrink-0 items-center justify-between gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex shrink-0 items-center justify-between gap-gp-sm", unknown, unknown, undefined>>;
+/**
+ * Número do dia. `tabular-nums` pra 1 e 11 ocuparem a mesma largura — sem
+ * isso a coluna de números "dança" entre as linhas.
+ */
+export declare const schedulerDayNumber: import('tailwind-variants').TVReturnType<{
+    today: {
+        true: string;
+        false: string;
+    };
+    outside: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    today: {
+        true: string;
+        false: string;
+    };
+    outside: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    today: {
+        true: string;
+        false: string;
+    };
+    outside: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * O `+` de criar evento, revelado no hover ou no foco da célula. Fica em
+ * `opacity-0` e não em `hidden` pra manter o alvo de foco no fluxo do
+ * teclado — `hidden` o tiraria da ordem de tabulação (spec §6.2).
+ */
+export declare const schedulerSlotAdd: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerCellEvents: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex min-h-0 flex-col gap-gp-2xs overflow-hidden", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex min-h-0 flex-col gap-gp-2xs overflow-hidden", unknown, unknown, undefined>>;
+export declare const schedulerOverflowButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerOverflowPanel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex max-h-[320px] min-w-[240px] flex-col gap-gp-2xs overflow-y-auto p-sp-xs", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex max-h-[320px] min-w-[240px] flex-col gap-gp-2xs overflow-y-auto p-sp-xs", unknown, unknown, undefined>>;
+export declare const schedulerOverflowPanelTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "px-pad-md pb-pad-sm text-caption-sm font-semibold text-fg-muted first-letter:uppercase", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "px-pad-md pb-pad-sm text-caption-sm font-semibold text-fg-muted first-letter:uppercase", unknown, unknown, undefined>>;
+/**
+ * ⚠️ **`HOUR_HEIGHT_PX` em `views/time-grid.tsx` espelha `h-comp-3xl` (48px).**
+ * A altura da hora precisa existir como número em JS porque
+ * `minutesToOffset()` posiciona os eventos em px. Se este valor mudar aqui,
+ * mude lá — é o acoplamento inevitável de posicionamento absoluto sobre grade
+ * tokenizada, e está declarado dos dois lados.
+ */
+export declare const schedulerTimeFrame: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Cabeçalho de dias: o vão da esquerda alinha com o gutter de horas. */
+export declare const schedulerTimeHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex shrink-0 border-b border-border-default bg-bg-subtle dark:bg-bg-canvas", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex shrink-0 border-b border-border-default bg-bg-subtle dark:bg-bg-canvas", unknown, unknown, undefined>>;
+/**
+ * Largura do gutter de horas. `w-comp-4xl` (56px) cabe "12:00 AM" no formato
+ * 12h — o 24h caberia em menos, mas variar a largura por formato faria a grade
+ * "pular" ao trocar de idioma.
+ */
+export declare const schedulerTimeGutter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "w-comp-4xl shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "w-comp-4xl shrink-0", unknown, unknown, undefined>>;
+export declare const schedulerTimeHeadDay: import('tailwind-variants').TVReturnType<{
+    /** Sábado/domingo recuados — mesma leitura da grade do mês. */
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** Sábado/domingo recuados — mesma leitura da grade do mês. */
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Sábado/domingo recuados — mesma leitura da grade do mês. */
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerTimeHeadWeekday: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-caption-md font-medium uppercase text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-caption-md font-medium uppercase text-fg-muted", unknown, unknown, undefined>>;
+/** Banda de dia inteiro, entre o cabeçalho e a grade rolável. */
+export declare const schedulerAllDayRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex shrink-0 border-b border-border-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex shrink-0 border-b border-border-default", unknown, unknown, undefined>>;
+export declare const schedulerAllDayLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerAllDayCell: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * O corpo rolável. `scrollbar-thin` é a barra do DS; `overscroll-contain` evita
+ * que rolar até o fim da grade continue rolando a página atrás.
+ */
+export declare const schedulerTimeBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-thin", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-thin", unknown, unknown, undefined>>;
+export declare const schedulerTimeCanvas: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "relative flex", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "relative flex", unknown, unknown, undefined>>;
+/**
+ * Rótulo da hora. Fica no TOPO da própria faixa, deslocado meia-linha pra cima
+ * (`-translate-y-1/2`), que é a convenção de calendário: o rótulo marca a linha,
+ * não a faixa. Sem o deslocamento, "09:00" aparece centralizado no bloco das 9h
+ * e o usuário lê a linha errada.
+ *
+ * O primeiro rótulo é ocultado (`first:opacity-0`) porque metade dele sairia
+ * acima da área visível.
+ */
+export declare const schedulerHourLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerHourLabelText: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "-translate-y-1/2", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "-translate-y-1/2", unknown, unknown, undefined>>;
+export declare const schedulerTimeColumn: import('tailwind-variants').TVReturnType<{
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, "relative min-w-0 flex-1 border-l border-border-subtle", {
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    weekend: {
+        true: string;
+        false: string;
+    };
+}, undefined, "relative min-w-0 flex-1 border-l border-border-subtle", unknown, unknown, undefined>>;
+/**
+ * Uma faixa de hora dentro da coluna. É `button` porque é alvo de clique
+ * (criar evento naquela hora) — um `div` com `onClick` não é alcançável por
+ * teclado nem anunciado como acionável.
+ */
+export declare const schedulerHourSlot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/** Linha do "agora". `pointer-events-none` pra não roubar clique da faixa. */
+export declare const schedulerNowLine: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "pointer-events-none absolute left-0 right-0 z-[2] flex items-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "pointer-events-none absolute left-0 right-0 z-[2] flex items-center", unknown, unknown, undefined>>;
+export declare const schedulerNowDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "-ml-[4px] size-[8px] shrink-0 rounded-radius-full bg-bg-brand", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "-ml-[4px] size-[8px] shrink-0 rounded-radius-full bg-bg-brand", unknown, unknown, undefined>>;
+export declare const schedulerNowStroke: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "h-px flex-1 bg-bg-brand", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "h-px flex-1 bg-bg-brand", unknown, unknown, undefined>>;
+/** Rótulo "agora" no gutter, alinhado com a linha. */
+export declare const schedulerNowLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerListFrame: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerListDay: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-gp-md border-b border-border-subtle p-sp-xl last:border-b-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-gp-md border-b border-border-subtle p-sp-xl last:border-b-0", unknown, unknown, undefined>>;
+/**
+ * Cabeçalho do dia. `sticky` com fundo opaco: numa agenda longa, saber "que dia
+ * é este que estou lendo" é justamente o que se perde ao rolar.
+ */
+export declare const schedulerListDayHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const schedulerListDayNumber: import('tailwind-variants').TVReturnType<{
+    today: {
+        true: string;
+        false: string;
+    };
+}, undefined, "text-title-sm font-semibold tabular-nums", {
+    today: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    today: {
+        true: string;
+        false: string;
+    };
+}, undefined, "text-title-sm font-semibold tabular-nums", unknown, unknown, undefined>>;
+export declare const schedulerListDayName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm text-fg-muted first-letter:uppercase", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm text-fg-muted first-letter:uppercase", unknown, unknown, undefined>>;
+export declare const schedulerListEvents: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-gp-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-gp-sm", unknown, unknown, undefined>>;
+/**
+ * ⚠️ **A cor NUNCA vai no texto.** Medido em WCAG antes de decidir (spec
+ * §2.1): `text-fg-{cor}` sobre a pílula tingida dá 1.72–4.49 no claro e
+ * 2.97–4.31 no escuro — nenhuma das 6 famílias passa AA, e `warning` chega a
+ * 1.72:1. O texto é sempre `fg-default` (17.46–18.42 / 7.45–10.95, AAA nos
+ * dois modos) e a cor mora no **tint de fundo, na borda e no dot/barra de
+ * acento**. Hierarquia dentro do pill se faz por peso e tamanho, não por cor.
+ *
+ * Corolário de acessibilidade: cor é reforço, nunca o único portador da
+ * informação — o título sempre diz o que o evento é.
+ */
+export declare const schedulerEvent: import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    variant: {
+        /** Mês: linha de 20px, uma só, sem quebra. */
+        pill: string;
+        /** Week/day: bloco absoluto que ocupa a duração. */
+        block: string;
+        /** List/agenda: linha larga com descrição. */
+        row: string;
+    };
+    /** Continuação de evento multi-dia: perde o canto do lado truncado. */
+    truncateStart: {
+        true: string;
+        false: string;
+    };
+    truncateEnd: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Enquanto arrasta: sombra alta pra o bloco "sair da superfície", z acima
+     * dos vizinhos, e `cursor-grabbing`.
+     *
+     * ⚠️ **Sem `transition` neste estado.** O `transform` do dnd-kit é atualizado
+     * a cada movimento do ponteiro; uma transição em cima dele faz o bloco
+     * perseguir o cursor com atraso — o gesto fica elástico e impreciso. A
+     * transição vive no estado NÃO-arrastando (`movable`), que é onde ela serve:
+     * o assentamento depois do soltar.
+     */
+    dragging: {
+        true: string;
+        false: string;
+    };
+    /** Arrastável e em repouso: mão aberta + transição de assentamento. */
+    movable: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    variant: {
+        /** Mês: linha de 20px, uma só, sem quebra. */
+        pill: string;
+        /** Week/day: bloco absoluto que ocupa a duração. */
+        block: string;
+        /** List/agenda: linha larga com descrição. */
+        row: string;
+    };
+    /** Continuação de evento multi-dia: perde o canto do lado truncado. */
+    truncateStart: {
+        true: string;
+        false: string;
+    };
+    truncateEnd: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Enquanto arrasta: sombra alta pra o bloco "sair da superfície", z acima
+     * dos vizinhos, e `cursor-grabbing`.
+     *
+     * ⚠️ **Sem `transition` neste estado.** O `transform` do dnd-kit é atualizado
+     * a cada movimento do ponteiro; uma transição em cima dele faz o bloco
+     * perseguir o cursor com atraso — o gesto fica elástico e impreciso. A
+     * transição vive no estado NÃO-arrastando (`movable`), que é onde ela serve:
+     * o assentamento depois do soltar.
+     */
+    dragging: {
+        true: string;
+        false: string;
+    };
+    /** Arrastável e em repouso: mão aberta + transição de assentamento. */
+    movable: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    variant: {
+        /** Mês: linha de 20px, uma só, sem quebra. */
+        pill: string;
+        /** Week/day: bloco absoluto que ocupa a duração. */
+        block: string;
+        /** List/agenda: linha larga com descrição. */
+        row: string;
+    };
+    /** Continuação de evento multi-dia: perde o canto do lado truncado. */
+    truncateStart: {
+        true: string;
+        false: string;
+    };
+    truncateEnd: {
+        true: string;
+        false: string;
+    };
+    /**
+     * Enquanto arrasta: sombra alta pra o bloco "sair da superfície", z acima
+     * dos vizinhos, e `cursor-grabbing`.
+     *
+     * ⚠️ **Sem `transition` neste estado.** O `transform` do dnd-kit é atualizado
+     * a cada movimento do ponteiro; uma transição em cima dele faz o bloco
+     * perseguir o cursor com atraso — o gesto fica elástico e impreciso. A
+     * transição vive no estado NÃO-arrastando (`movable`), que é onde ela serve:
+     * o assentamento depois do soltar.
+     */
+    dragging: {
+        true: string;
+        false: string;
+    };
+    /** Arrastável e em repouso: mão aberta + transição de assentamento. */
+    movable: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Alça de resize — 6px na borda do bloco, revelada no hover/foco.
+ *
+ * `h-[6px]` e não um token: é área de AGARRE, não espaçamento. Não existe token
+ * de "alvo de arraste" no DS, e reusar `sp-2xs` (2px) aqui seria emprestar um
+ * nome de espaçamento pra dizer outra coisa — a L-060 avisa exatamente sobre
+ * isso. 6px é o mesmo threshold do sensor, então o alvo nunca é menor que o
+ * gesto que o ativa.
+ *
+ * `absolute inset-x-0` cobre a largura toda do bloco: alça estreita no meio
+ * seria um alvo que o usuário precisa procurar.
+ */
+export declare const schedulerResizeHandle: import('tailwind-variants').TVReturnType<{
+    edge: {
+        start: string;
+        end: string;
+    };
+}, undefined, string[], {
+    edge: {
+        start: string;
+        end: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    edge: {
+        start: string;
+        end: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Célula/coluna sob o cursor durante o arraste. Fundo de marca sutil + borda
+ * interna — é o "vai cair aqui" que o gesto precisa pra não ser adivinhação.
+ *
+ * `inset` em vez de `ring`: a célula do mês já tem borda de grade, e um ring por
+ * fora vazaria pra célula vizinha.
+ */
+export declare const schedulerDropTarget: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "bg-bg-brand-subtle shadow-[inset_0_0_0_2px_var(--color-border-brand)]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "bg-bg-brand-subtle shadow-[inset_0_0_0_2px_var(--color-border-brand)]", unknown, unknown, undefined>>;
+/** Dot/barra de acento — é aqui que a cor da categoria realmente aparece. */
+export declare const schedulerEventDot: import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 rounded-radius-full", {
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        brand: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 rounded-radius-full", unknown, unknown, undefined>>;
+export declare const schedulerEventTitle: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "min-w-0 flex-1 truncate font-medium text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "min-w-0 flex-1 truncate font-medium text-fg-default", unknown, unknown, undefined>>;
+export declare const schedulerEventTime: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "shrink-0 tabular-nums text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "shrink-0 tabular-nums text-fg-muted", unknown, unknown, undefined>>;
+export declare const schedulerEventDescription: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "min-w-0 truncate text-caption-sm text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "min-w-0 truncate text-caption-sm text-fg-muted", unknown, unknown, undefined>>;
+/**
+ * Existe de propósito e é temporário: `week`, `day` e `list` chegam nas
+ * fatias seguintes. Mostrar um aviso honesto é melhor do que esconder a
+ * opção no segmented (o usuário não descobriria que a view vai existir) ou
+ * do que renderizar uma grade vazia que parece defeito.
+ */
+export declare const schedulerPlaceholder: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type SchedulerEventVariants = VariantProps<typeof schedulerEvent>;
+//# sourceMappingURL=scheduler.styles.d.ts.map