@strategicos/ui 0.7.0 → 0.8.0

package/README.md

@@ -15,7 +15,7 @@ import { cn } from "@strategicos/ui/utils"
 
 ## Componentes
 
-`accordion` · `alert` · `alert-dialog` · `avatar` · `badge` · `breadcrumb` · `button` · `card` · `checkbox` · `chip` · `dialog` · `dropdown-menu` · `dropzone` · `empty-state` · `field` · `input` · `label` · `multi-select` · `page-header` · `pagination` · `password-input` · `popover` · `progress` · `segmented-control` · `select` · `separator` · `sheet` · `sidebar` · `skeleton` · `sonner` · `stat` · `switch` · `table` · `tabs` · `textarea` · `tooltip`
+`accordion` · `alert` · `alert-dialog` · `avatar` · `badge` · `breadcrumb` · `button` · `calendar` · `card` · `checkbox` · `chip` · `combobox` · `date-picker` · `dialog` · `dropdown-menu` · `dropzone` · `empty-state` · `field` · `input` · `label` · `multi-select` · `page-header` · `pagination` · `password-input` · `popover` · `progress` · `segmented-control` · `select` · `separator` · `sheet` · `sidebar` · `skeleton` · `sonner` · `stat` · `switch` · `table` · `tabs` · `textarea` · `tooltip`
 
 Utilitários: `@strategicos/ui/utils` (`cn`) e `@strategicos/ui/hooks/use-mobile` (`useIsMobile`).
 
@@ -31,7 +31,7 @@ Botões de ícone: `icon-xs` 24px, `icon-sm` 30px, `icon` 36px, `icon-lg` 42px.
 
 ## Formulários
 
-`Field` monta rótulo, descrição, controle e erro, e liga tudo ao controle de dentro (`id`, `aria-describedby`, `aria-invalid`, `required`). Funciona com `Input`, `PasswordInput`, `Textarea` e `SelectTrigger`.
+`Field` monta rótulo, descrição, controle e erro, e liga tudo ao controle de dentro (`id`, `aria-describedby`, `aria-invalid`, `required`). Funciona com `Input`, `PasswordInput`, `Textarea`, `SelectTrigger`, `MultiSelect`, `Combobox`, `DatePicker` e `DateRangePicker`.
 
 ```tsx
 import { Field } from "@strategicos/ui/field"
@@ -45,6 +45,37 @@ import { Input } from "@strategicos/ui/input"
 - `Input` aceita `leftSection` e `rightSection` (ícones ou botões dentro do campo). Quando há seção, use `wrapperClassName` para largura e posição.
 - `PasswordInput` traz o botão de mostrar/ocultar a senha.
 - `Textarea autosize` cresce com o texto. Limite a altura com `max-h-*`.
+- Gatilho próprio (um Popover que abre uma lista, por exemplo)? Use `selectTriggerVariants({ size })` de `@strategicos/ui/select` em vez de copiar as classes; marque `data-placeholder` quando estiver vazio.
+
+### Combobox
+
+Seleção de um item com busca. Pode criar e excluir opções ali mesmo:
+
+```tsx
+<Combobox
+  options={setores.map(s => ({ value: s.id, label: s.name }))}
+  value={setorId}
+  onValueChange={setSetorId}
+  clearable
+  onCreate={async nome => (await criarSetor(nome)).id}
+  onRemove={async s => excluirSetor(s.value)}
+/>
+```
+
+`onCreate` aparece como "Criar “texto”" quando a busca não bate com nenhuma opção; o valor devolvido fica selecionado. `onRemove` põe um X em cada opção e confirma na própria linha. Erro nessas funções aparece no rodapé da lista.
+
+### Datas
+
+`DatePicker` e `DateRangePicker` trabalham com `"AAAA-MM-DD"` (como o `<input type="date">` e o Mantine 8), nunca com `Date`, para não haver erro de fuso. `parseDateValue` e `toDateValue` convertem quando precisar.
+
+```tsx
+<DatePicker value={prazo} onValueChange={setPrazo} minDate={inicio} maxDate={fimDoEixo} clearable />
+<DateRangePicker value={[inicio, fim]} onValueChange={([i, f]) => salvar(i, f)} />
+```
+
+- `presets`: atalhos ao lado do calendário (`{ label: "Fim do mês", value: "2026-10-31" }`).
+- `captionLayout="dropdown"`: seletores de mês e ano, para datas distantes.
+- `Calendar` é o calendário solto (react-day-picker), em português e com a semana começando no domingo.
 
 ## Quando usar cada um
 
@@ -53,7 +84,10 @@ import { Input } from "@strategicos/ui/input"
 | Trocar o modo de ver o mesmo conteúdo (Lista \| Quadro, 30d \| 60d) | `SegmentedControl` |
 | Navegar entre conteúdos diferentes | `Tabs` |
 | Filtros em pílula (categoria, status), um ou vários | `ChipGroup` + `Chip` |
+| Escolher um item de poucas opções | `Select` |
+| Escolher um item com busca, ou criando/excluindo opções | `Combobox` |
 | Escolher vários itens com busca | `MultiSelect` |
+| Uma data / um período | `DatePicker` / `DateRangePicker` |
 | Indicador numérico (KPI) | `Stat` |
 | Barra de progresso | `Progress` |
 | Área de envio de arquivos | `Dropzone` |

package/THIRD_PARTY_NOTICES.md

@@ -25,3 +25,190 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 ```
+
+## Tremor
+
+`calendar.tsx` e `date-picker.tsx` são derivados do Calendar e do DatePicker do [Tremor](https://github.com/tremorlabs/tremor) (`src/components/Calendar/Calendar.tsx` e `src/components/DatePicker/DatePicker.tsx`), distribuídos sob a Apache License 2.0.
+
+Modificações feitas pela Strategicos: migração para o react-day-picker v10; estilos trocados pelos tokens do `@strategicos/tokens`; valores em `"AAAA-MM-DD"` em vez de `Date`; escolha do dia fecha o calendário (sem os botões Cancelar/Aplicar); seleção de período em dois cliques controlada pelo componente; remoção do seletor de hora; integração com o `Field`; textos em português.
+
+O Tremor, por sua vez, contém partes do shadcn/ui, do Radix Themes e do Medusa UI, sob a licença MIT.
+
+```
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+```

package/dist/components/calendar.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { DayPicker, type DayButtonProps } from "react-day-picker";
+/**
+ * Calendário (react-day-picker), com o desenho do Calendar do Tremor nos tokens
+ * do kit. É a peça de dentro do DatePicker; use solto quando o calendário fica
+ * aberto na tela.
+ *
+ *   <Calendar mode="single" selected={dia} onSelect={setDia} />
+ *
+ * Padrões: português do Brasil (semana começando no domingo) e dias de fora do
+ * mês visíveis. `captionLayout="dropdown"` troca o título por seletores de mês
+ * e ano — útil para datas distantes, como nascimento. Aceita todas as props do
+ * DayPicker.
+ */
+declare function Calendar({ className, classNames, captionLayout, showOutsideDays, locale, components, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
+/** Dia do calendário. Os estados viram data-* para o estilo, e "hoje" ganha o
+ *  traço embaixo do número, como no Tremor.
+ *
+ *  O dia escolhido é `data-picked`, e não `data-selected-*`: o styles.css
+ *  registra a variante `data-selected`, e o Tailwind lê `data-selected-x:` como
+ *  essa variante com um valor — a classe é descartada sem aviso. */
+declare function CalendarDayButton({ className, day, modifiers, children, ...props }: DayButtonProps): React.JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMjE;;;;;;;;;;;GAWG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,aAAuB,EACvB,eAAsB,EACtB,MAAa,EACb,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBAmDxC;AAED;;;;;oEAKoE;AACpE,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBA4C3F;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/calendar.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Derivado do Calendar do Tremor (Apache-2.0) e modificado pela Strategicos.
+// Ver THIRD_PARTY_NOTICES.md.
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { ptBR } from "react-day-picker/locale";
+import { cn } from "../lib/utils.js";
+import { buttonVariants } from "./button.js";
+/**
+ * Calendário (react-day-picker), com o desenho do Calendar do Tremor nos tokens
+ * do kit. É a peça de dentro do DatePicker; use solto quando o calendário fica
+ * aberto na tela.
+ *
+ *   <Calendar mode="single" selected={dia} onSelect={setDia} />
+ *
+ * Padrões: português do Brasil (semana começando no domingo) e dias de fora do
+ * mês visíveis. `captionLayout="dropdown"` troca o título por seletores de mês
+ * e ano — útil para datas distantes, como nascimento. Aceita todas as props do
+ * DayPicker.
+ */
+function Calendar({ className, classNames, captionLayout = "label", showOutsideDays = true, locale = ptBR, components, ...props }) {
+    return (_jsx(DayPicker, { "data-slot": "calendar", locale: locale, showOutsideDays: showOutsideDays, captionLayout: captionLayout, className: cn("w-fit p-3", className), classNames: {
+            months: "relative flex flex-col gap-4 sm:flex-row",
+            month: "flex w-full flex-col gap-3",
+            nav: "absolute inset-x-0 top-0 flex items-center justify-between",
+            button_previous: cn(buttonVariants({ variant: "ghost", size: "icon-sm" }), "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
+            button_next: cn(buttonVariants({ variant: "ghost", size: "icon-sm" }), "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
+            month_caption: "flex h-7.5 items-center justify-center px-8",
+            // Os meses vêm em minúscula no pt-BR ("outubro 2026"): só a primeira
+            // letra sobe — `capitalize` faria "Outubro De 2026" em outros formatos.
+            caption_label: cn("text-sm font-semibold select-none first-letter:uppercase", captionLayout !== "label" && "flex h-7.5 items-center gap-1 rounded-md pr-1 pl-2 font-medium [&>svg]:size-3.5 [&>svg]:text-muted-foreground"),
+            dropdowns: "flex items-center gap-1.5 text-sm",
+            dropdown_root: "relative rounded-md border border-input transition-colors has-focus-visible:border-ring",
+            dropdown: "absolute inset-0 cursor-pointer opacity-0",
+            month_grid: "w-full border-collapse",
+            weekdays: "flex",
+            weekday: "w-9 pb-1 text-xs font-medium text-muted-foreground select-none",
+            week: "mt-0.5 flex w-full",
+            day: "relative size-9 p-0 text-center select-none",
+            // Faixa do intervalo: o fundo fica na célula, para os dias do meio
+            // emendarem; as pontas arredondam do lado de fora.
+            range_start: "rounded-l-md bg-accent",
+            range_middle: "bg-accent",
+            range_end: "rounded-r-md bg-accent",
+            today: "",
+            outside: "text-muted-foreground aria-selected:text-muted-foreground",
+            disabled: "text-muted-foreground opacity-50",
+            hidden: "invisible",
+            ...classNames,
+        }, components: {
+            Chevron: ({ className, orientation, ...rest }) => {
+                const Icon = orientation === "left" ? ChevronLeftIcon : orientation === "right" ? ChevronRightIcon : ChevronDownIcon;
+                return _jsx(Icon, { className: cn("size-4", className), ...rest });
+            },
+            DayButton: CalendarDayButton,
+            ...components,
+        }, ...props }));
+}
+/** Dia do calendário. Os estados viram data-* para o estilo, e "hoje" ganha o
+ *  traço embaixo do número, como no Tremor.
+ *
+ *  O dia escolhido é `data-picked`, e não `data-selected-*`: o styles.css
+ *  registra a variante `data-selected`, e o Tailwind lê `data-selected-x:` como
+ *  essa variante com um valor — a classe é descartada sem aviso. */
+function CalendarDayButton({ className, day, modifiers, children, ...props }) {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused)
+            ref.current?.focus();
+    }, [modifiers.focused]);
+    const single = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
+    return (_jsxs("button", { ref: ref, type: "button", "data-picked": single || undefined, "data-range-start": modifiers.range_start || undefined, "data-range-end": modifiers.range_end || undefined, "data-range-middle": modifiers.range_middle || undefined, "data-today": modifiers.today || undefined, className: cn("relative flex size-9 cursor-pointer items-center justify-center rounded-md text-sm tabular-nums outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus-visible:z-10 focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:pointer-events-none", "data-today:font-semibold", 
+        // Dourado só como preenchimento, com o texto escuro do primary-foreground.
+        "data-picked:bg-primary data-picked:text-primary-foreground data-picked:hover:bg-primary-hover", "data-range-start:bg-primary data-range-start:text-primary-foreground data-range-start:hover:bg-primary-hover", "data-range-end:bg-primary data-range-end:text-primary-foreground data-range-end:hover:bg-primary-hover", "data-range-middle:rounded-none data-range-middle:hover:bg-transparent data-range-middle:hover:underline", className), ...props, children: [children, modifiers.today && (_jsx("span", { "aria-hidden": true, className: cn("absolute bottom-1.5 left-1/2 h-0.5 w-4 -translate-x-1/2 rounded-full", 
+                // primary-strong: o dourado claro não chega a 3:1 sobre o branco.
+                single || modifiers.range_start || modifiers.range_end ? "bg-primary-foreground" : "bg-primary-strong") }))] }));
+}
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/combobox.d.ts

@@ -0,0 +1,73 @@
+import * as React from "react";
+export type ComboboxOption = {
+    value: string;
+    label: string;
+    /** Texto secundário (ex.: e-mail), só na lista. */
+    description?: string;
+    /** Agrupa as opções sob um título. */
+    group?: string;
+    /** Bolinha de cor antes do rótulo. */
+    color?: string;
+    disabled?: boolean;
+};
+/**
+ * Seleção de um item com busca, como o Select `searchable` do Mantine. Use no
+ * lugar do Select quando a lista é longa ou quando a tela precisa criar ou
+ * excluir opções ali mesmo.
+ *
+ *   <Combobox
+ *     options={setores.map(s => ({ value: s.id, label: s.name }))}
+ *     value={setorId}
+ *     onValueChange={setSetorId}
+ *     clearable
+ *     onCreate={async nome => (await criarSetor(nome)).id}
+ *   />
+ *
+ * - `clearable`: um X no gatilho volta o valor para `null`.
+ * - `onCreate`: com texto na busca que não bate com nenhuma opção, aparece
+ *   "Criar “texto”". Se a função devolver um valor, ele fica selecionado.
+ * - `onRemove`: cada opção ganha um X que pede confirmação na própria linha.
+ *   Se a opção excluída era a selecionada, o valor volta para `null`.
+ *
+ * Erros de `onCreate`/`onRemove` (promessa rejeitada) aparecem no rodapé da
+ * lista, com a mensagem do erro.
+ *
+ * Teclado: digite para filtrar, ↑/↓ para andar, Enter para escolher, Delete
+ * (com a busca vazia) para excluir a opção ativa, Esc para fechar. Dentro de
+ * um <Field>, o gatilho recebe o id e os aria-*.
+ */
+declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, searchable, clearable, onCreate, createLabel, onRemove, removeLabel, removeConfirmLabel, size, disabled, className, wrapperClassName, contentClassName, onOpenChange, ...props }: {
+    options: ComboboxOption[];
+    value: string | null;
+    onValueChange: (value: string | null) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    searchable?: boolean;
+    clearable?: boolean;
+    /** Cria uma opção com o texto da busca. Devolva o valor dela para
+     *  selecioná-la. */
+    onCreate?: (label: string) => string | void | Promise<string | void>;
+    createLabel?: (query: string) => React.ReactNode;
+    /** Exclui a opção (o X na linha, depois de confirmar). */
+    onRemove?: (option: ComboboxOption) => void | Promise<void>;
+    /** Rótulo acessível do X de cada opção. */
+    removeLabel?: (option: ComboboxOption) => string;
+    /** Pergunta mostrada na linha ao confirmar a exclusão. */
+    removeConfirmLabel?: (option: ComboboxOption) => React.ReactNode;
+    size?: "sm" | "default";
+    disabled?: boolean;
+    /** Classes do gatilho. */
+    className?: string;
+    /** Classes do invólucro, que só existe com `clearable`. Use para largura e
+     *  posição no layout. */
+    wrapperClassName?: string;
+    contentClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: React.AriaAttributes["aria-invalid"];
+}): React.JSX.Element;
+export { Combobox };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAyB,EACzB,iBAA6B,EAC7B,SAA8B,EAC9B,UAAiB,EACjB,SAAiB,EACjB,QAAQ,EACR,WAA+C,EAC/C,QAAQ,EACR,WAAuC,EACvC,kBAA+D,EAC/D,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;wBACoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,2CAA2C;IAC3C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,CAAA;IAChD,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;6BACyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;CACtD,qBAuRA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}