@strategicos/ui 0.5.0 → 0.6.1

package/README.md

@@ -15,7 +15,7 @@ import { cn } from "@strategicos/ui/utils"
 
 ## Componentes
 
-`alert` · `alert-dialog` · `avatar` · `badge` · `button` · `card` · `checkbox` · `dialog` · `dropdown-menu` · `field` · `input` · `label` · `page-header` · `pagination` · `password-input` · `select` · `separator` · `sheet` · `sidebar` · `skeleton` · `sonner` · `switch` · `table` · `tabs` · `textarea` · `tooltip`
+`accordion` · `alert` · `alert-dialog` · `avatar` · `badge` · `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`
 
 Utilitários: `@strategicos/ui/utils` (`cn`) e `@strategicos/ui/hooks/use-mobile` (`useIsMobile`).
 
@@ -46,6 +46,21 @@ import { Input } from "@strategicos/ui/input"
 - `PasswordInput` traz o botão de mostrar/ocultar a senha.
 - `Textarea autosize` cresce com o texto. Limite a altura com `max-h-*`.
 
+## Quando usar cada um
+
+| Situação | Componente |
+|---|---|
+| 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 vários itens com busca | `MultiSelect` |
+| Indicador numérico (KPI) | `Stat` |
+| Barra de progresso | `Progress` |
+| Área de envio de arquivos | `Dropzone` |
+| Seções que abrem e fecham | `Accordion` |
+| Lista ou área sem conteúdo | `EmptyState` |
+| Painel flutuante genérico | `Popover` |
+
 ## Celular
 
 - `DialogContent` ocupa a tela inteira abaixo de `sm` (640px). Para diálogos curtos que devem continuar centralizados, use `mobile="centered"`. O `AlertDialog` é sempre centralizado.

package/dist/components/accordion.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+/** Seções que abrem e fecham (Radix Accordion), no estilo do Accordion do
+ *  Mantine: itens separados por fio, chevron à direita. */
+declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAK1D;2DAC2D;AAC3D,iBAAS,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAE7E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAQnG;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAgBnH;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAUnH;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/accordion.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/** Seções que abrem e fecham (Radix Accordion), no estilo do Accordion do
+ *  Mantine: itens separados por fio, chevron à direita. */
+function Accordion(props) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b border-border last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("group/accordion flex flex-1 cursor-pointer items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground transition-colors outline-none hover:text-foreground/80 focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:shrink-0", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-180" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pb-4", className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC;2DAC2D;AAC3D,SAAS,SAAS,CAAC,KAA2D;IAC5E,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,WAAW,KAAK,KAAK,GAAI,CAAA;AACrE,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwD;IAClG,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2D;IAClH,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,2SAA2S,EAC3S,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,IAAC,SAAS,EAAC,6GAA6G,GAAG,IAChH,GACH,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2D;IAClH,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAC,2GAA2G,KACjH,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GAC5B,CAC9B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "info" | "success" | "warning" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/chip.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+/**
+ * Pílulas selecionáveis, como o Chip do Mantine: filtros por categoria, status
+ * e afins. Selecionada, a pílula ganha o fundo claro da cor primária e um ✓.
+ *
+ *   <ChipGroup type="single" value={categoria} onValueChange={setCategoria}>
+ *     <Chip value="todas">Todas</Chip>
+ *     <Chip value="legislacao">Legislação</Chip>
+ *   </ChipGroup>
+ *
+ *   <ChipGroup type="multiple" value={status} onValueChange={setStatus}>
+ *     <Chip value="todo" count={8}>A fazer</Chip>
+ *   </ChipGroup>
+ *
+ * Em `single`, clicar na selecionada não a desmarca (sempre há uma ativa).
+ * Os valores não podem ser vazios: o Radix trata "" como "nada selecionado".
+ * `scrollable` deixa o grupo numa linha só, rolando na horizontal no celular.
+ */
+type ChipGroupProps = {
+    type: "single";
+    value: string;
+    onValueChange: (value: string) => void;
+} | {
+    type: "multiple";
+    value: string[];
+    onValueChange: (value: string[]) => void;
+};
+declare function ChipGroup({ className, children, scrollable, "aria-label": ariaLabel, ...props }: ChipGroupProps & {
+    className?: string;
+    children: React.ReactNode;
+    scrollable?: boolean;
+    "aria-label"?: string;
+}): React.JSX.Element;
+declare function Chip({ value, count, className, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & {
+    /** Número exibido depois do rótulo (ex.: quantidade de itens). */
+    count?: number;
+}): React.JSX.Element;
+export { ChipGroup, Chip };
+//# sourceMappingURL=chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAK9D;;;;;;;;;;;;;;;;GAgBG;AAEH,KAAK,cAAc,GACf;IACE,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,GACD;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC,CAAA;AAEL,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,cAAc,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,qBA4BA;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG;IAC1D,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,qBAoBA;AAED,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/chip.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import { CheckIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function ChipGroup({ className, children, scrollable = false, "aria-label": ariaLabel, ...props }) {
+    const shared = {
+        "aria-label": ariaLabel,
+        "data-slot": "chip-group",
+        className: cn("flex gap-1.5", scrollable ? "no-scrollbar -mx-1 overflow-x-auto px-1 py-0.5" : "flex-wrap", className),
+    };
+    if (props.type === "single") {
+        const { value, onValueChange } = props;
+        return (_jsx(ToggleGroupPrimitive.Root, { type: "single", value: value, onValueChange: v => { if (v)
+                onValueChange(v); }, ...shared, children: children }));
+    }
+    return (_jsx(ToggleGroupPrimitive.Root, { type: "multiple", value: props.value, onValueChange: props.onValueChange, ...shared, children: children }));
+}
+function Chip({ value, count, className, children, ...props }) {
+    return (_jsxs(ToggleGroupPrimitive.Item, { value: value, "data-slot": "chip", className: cn("group/chip inline-flex h-7.5 shrink-0 cursor-pointer items-center gap-1.5 rounded-full border border-border bg-background px-3 text-sm whitespace-nowrap text-foreground transition-colors outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=on]:border-primary/50 data-[state=on]:bg-primary/10 data-[state=on]:text-primary-strong dark:bg-transparent", className), ...props, children: [_jsx(CheckIcon, { className: "hidden size-3.5 shrink-0 stroke-3 group-data-[state=on]/chip:block" }), children, count !== undefined && (_jsx("span", { className: "text-xs text-muted-foreground tabular-nums group-data-[state=on]/chip:text-primary-strong/80", children: count }))] }));
+}
+export { ChipGroup, Chip };
+//# sourceMappingURL=chip.js.map

package/dist/components/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../src/components/chip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAgCpC,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EAMT;IACC,MAAM,MAAM,GAAG;QACb,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,EAAE,CACX,cAAc,EACd,UAAU,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,WAAW,EAC3E,SAAS,CACV;KACF,CAAA;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;QACtC,OAAO,CACL,KAAC,oBAAoB,CAAC,IAAI,IACxB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC;gBAAE,aAAa,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,KAC3C,MAAM,YAET,QAAQ,GACiB,CAC7B,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,oBAAoB,CAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,KAAM,MAAM,YAC1G,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC;AAED,SAAS,IAAI,CAAC,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAIT;IACC,OAAO,CACL,MAAC,oBAAoB,CAAC,IAAI,IACxB,KAAK,EAAE,KAAK,eACF,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,gbAAgb,EAChb,SAAS,CACV,KACG,KAAK,aAET,KAAC,SAAS,IAAC,SAAS,EAAC,oEAAoE,GAAG,EAC3F,QAAQ,EACR,KAAK,KAAK,SAAS,IAAI,CACtB,eAAM,SAAS,EAAC,8FAA8F,YAC3G,KAAK,GACD,CACR,IACyB,CAC7B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/dropzone.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+/**
+ * Área de envio de arquivos, como o Dropzone do Mantine: arrastar e soltar, ou
+ * clicar (e Enter/Espaço) para abrir o seletor do sistema.
+ *
+ *   <Dropzone
+ *     accept=".txt,.xml,.zip"
+ *     maxSize={50 * 1024 * 1024}
+ *     onDrop={files => enviar(files)}
+ *     onReject={msg => toast.error(msg)}
+ *     title="Importar arquivos fiscais"
+ *     description="SPED (.txt), NF-e (.xml) ou pacote .zip, até 50 MB"
+ *   />
+ *
+ * `children` substitui o conteúdo padrão (ícone, título e descrição).
+ * A validação de tipo e tamanho é só uma conveniência: o servidor valida de
+ * novo.
+ */
+declare function Dropzone({ onDrop, onReject, accept, multiple, maxSize, disabled, loading, title, description, icon, className, children, }: {
+    onDrop: (files: File[]) => void;
+    /** Chamado com uma mensagem quando algum arquivo é recusado (tipo/tamanho). */
+    onReject?: (message: string) => void;
+    /** Mesmo formato do atributo `accept` do input (ex.: ".pdf,image/*"). */
+    accept?: string;
+    multiple?: boolean;
+    /** Tamanho máximo por arquivo, em bytes. */
+    maxSize?: number;
+    disabled?: boolean;
+    /** Enquanto envia: bloqueia novos envios e mostra o estado ocupado. */
+    loading?: boolean;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export { Dropzone };
+//# sourceMappingURL=dropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../../src/components/dropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,QAAQ,CAAC,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,OAAe,EACf,KAAkD,EAClD,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAC/B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,qBAmEA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/dropzone.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { UploadIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * Área de envio de arquivos, como o Dropzone do Mantine: arrastar e soltar, ou
+ * clicar (e Enter/Espaço) para abrir o seletor do sistema.
+ *
+ *   <Dropzone
+ *     accept=".txt,.xml,.zip"
+ *     maxSize={50 * 1024 * 1024}
+ *     onDrop={files => enviar(files)}
+ *     onReject={msg => toast.error(msg)}
+ *     title="Importar arquivos fiscais"
+ *     description="SPED (.txt), NF-e (.xml) ou pacote .zip, até 50 MB"
+ *   />
+ *
+ * `children` substitui o conteúdo padrão (ícone, título e descrição).
+ * A validação de tipo e tamanho é só uma conveniência: o servidor valida de
+ * novo.
+ */
+function Dropzone({ onDrop, onReject, accept, multiple = false, maxSize, disabled = false, loading = false, title = "Arraste arquivos ou clique para escolher", description, icon, className, children, }) {
+    const inputRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const blocked = disabled || loading;
+    function matchesAccept(file) {
+        if (!accept)
+            return true;
+        const name = file.name.toLowerCase();
+        return accept.split(",").map(s => s.trim().toLowerCase()).some(rule => {
+            if (rule.startsWith("."))
+                return name.endsWith(rule);
+            if (rule.endsWith("/*"))
+                return file.type.startsWith(rule.slice(0, -1));
+            return file.type === rule;
+        });
+    }
+    function handleFiles(list) {
+        if (!list || list.length === 0 || blocked)
+            return;
+        const files = Array.from(list).slice(0, multiple ? undefined : 1);
+        const ok = [];
+        for (const f of files) {
+            if (!matchesAccept(f))
+                onReject?.(`"${f.name}" não é de um tipo aceito.`);
+            else if (maxSize && f.size > maxSize)
+                onReject?.(`"${f.name}" passa do limite de ${Math.round(maxSize / 1024 / 1024)} MB.`);
+            else
+                ok.push(f);
+        }
+        if (ok.length)
+            onDrop(ok);
+    }
+    return (_jsxs("div", { role: "button", tabIndex: blocked ? -1 : 0, "aria-disabled": blocked || undefined, "aria-busy": loading || undefined, "data-slot": "dropzone", "data-dragging": dragging || undefined, onClick: () => !blocked && inputRef.current?.click(), onKeyDown: e => {
+            if (blocked)
+                return;
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                inputRef.current?.click();
+            }
+        }, onDragOver: e => { e.preventDefault(); if (!blocked)
+            setDragging(true); }, onDragLeave: e => { if (!e.currentTarget.contains(e.relatedTarget))
+            setDragging(false); }, onDrop: e => { e.preventDefault(); setDragging(false); handleFiles(e.dataTransfer.files); }, className: cn("flex cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-border px-6 py-8 text-center transition-colors outline-none hover:border-primary/50 hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50 data-dragging:border-primary data-dragging:bg-primary/5 aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-disabled:hover:border-border aria-disabled:hover:bg-transparent", className), children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, className: "hidden", onChange: e => { handleFiles(e.target.files); e.target.value = ""; } }), children ?? (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex size-10 items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-5", children: icon ?? _jsx(UploadIcon, {}) }), _jsx("p", { className: "text-sm font-medium text-foreground", children: title }), description && _jsx("p", { className: "text-xs text-muted-foreground", children: description })] }))] }));
+}
+export { Dropzone };
+//# sourceMappingURL=dropzone.js.map

package/dist/components/dropzone.js.map

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

package/dist/components/empty-state.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * Estado vazio: ícone, título, explicação e uma ação. Para listas sem itens,
+ * buscas sem resultado e telas que ainda não têm conteúdo.
+ *
+ *   <EmptyState
+ *     icon={<FileText />}
+ *     title="Nenhum documento ainda"
+ *     description="Crie um documento ou importe uma apresentação para começar."
+ *     action={<Button><Plus /> Novo documento</Button>}
+ *   />
+ *
+ * `bordered` desenha a moldura tracejada, para quando o vazio ocupa o lugar de
+ * uma área (lista, quadro) e precisa mostrar o contorno dela.
+ */
+declare function EmptyState({ icon, title, description, action, bordered, className, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    bordered?: boolean;
+}): React.JSX.Element;
+export { EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;GAaG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,qBAqBA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/empty-state.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+/**
+ * Estado vazio: ícone, título, explicação e uma ação. Para listas sem itens,
+ * buscas sem resultado e telas que ainda não têm conteúdo.
+ *
+ *   <EmptyState
+ *     icon={<FileText />}
+ *     title="Nenhum documento ainda"
+ *     description="Crie um documento ou importe uma apresentação para começar."
+ *     action={<Button><Plus /> Novo documento</Button>}
+ *   />
+ *
+ * `bordered` desenha a moldura tracejada, para quando o vazio ocupa o lugar de
+ * uma área (lista, quadro) e precisa mostrar o contorno dela.
+ */
+function EmptyState({ icon, title, description, action, bordered = false, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "empty-state", className: cn("flex flex-col items-center justify-center gap-2 px-6 py-12 text-center", bordered && "rounded-lg border-2 border-dashed border-border", className), ...props, children: [icon && (_jsx("span", { className: "mb-1 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-6", children: icon })), _jsx("p", { className: "text-base font-semibold text-foreground", children: title }), description && _jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: description }), action && _jsx("div", { className: "mt-3 flex flex-wrap items-center justify-center gap-2", children: action })] }));
+}
+export { EmptyState };
+//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC;;;;;;;;;;;;;GAaG;AACH,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EAOT;IACC,OAAO,CACL,4BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,QAAQ,IAAI,iDAAiD,EAC7D,SAAS,CACV,KACG,KAAK,aAER,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,0GAA0G,YACvH,IAAI,GACA,CACR,EACD,YAAG,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAK,EACjE,WAAW,IAAI,YAAG,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAK,EACtF,MAAM,IAAI,cAAK,SAAS,EAAC,uDAAuD,YAAE,MAAM,GAAO,IAC5F,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/multi-select.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+export type MultiSelectOption = {
+    value: string;
+    label: string;
+    /** Agrupa as opções sob um título (ex.: o eixo de uma ação). */
+    group?: string;
+    /** Bolinha de cor antes do rótulo. */
+    color?: string;
+    disabled?: boolean;
+};
+/**
+ * Seleção de vários itens com busca, como o MultiSelect do Mantine.
+ *
+ *   <MultiSelect
+ *     options={eixos.map(e => ({ value: e.id, label: e.name, color: e.color }))}
+ *     value={selecionados}
+ *     onValueChange={setSelecionados}
+ *     placeholder="Todos os eixos"
+ *   />
+ *
+ * Teclado: digite para filtrar, ↑/↓ para andar, Enter para marcar/desmarcar,
+ * Esc para fechar. Dentro de um <Field>, o gatilho recebe o id e os aria-*.
+ */
+declare function MultiSelect({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, maxDisplayed, searchable, size, disabled, className, contentClassName, onOpenChange, ...props }: {
+    options: MultiSelectOption[];
+    value: string[];
+    onValueChange: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    /** Quantos selecionados aparecem como selo antes de virar "N selecionados". */
+    maxDisplayed?: number;
+    searchable?: boolean;
+    size?: "sm" | "default";
+    disabled?: boolean;
+    className?: string;
+    contentClassName?: string;
+    /** Avisa quando a lista abre e fecha. Útil para gravar a seleção uma vez só,
+     *  ao fechar, em vez de a cada clique. */
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: React.AriaAttributes["aria-invalid"];
+}): React.JSX.Element;
+export { MultiSelect };
+//# sourceMappingURL=multi-select.d.ts.map

package/dist/components/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAyB,EACzB,iBAA6B,EAC7B,SAA8B,EAC9B,YAAgB,EAChB,UAAiB,EACjB,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;8CAC0C;IAC1C,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,qBA0IA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/multi-select.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Badge } from "./badge.js";
+import { useFieldControl } from "./field.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+/**
+ * Seleção de vários itens com busca, como o MultiSelect do Mantine.
+ *
+ *   <MultiSelect
+ *     options={eixos.map(e => ({ value: e.id, label: e.name, color: e.color }))}
+ *     value={selecionados}
+ *     onValueChange={setSelecionados}
+ *     placeholder="Todos os eixos"
+ *   />
+ *
+ * Teclado: digite para filtrar, ↑/↓ para andar, Enter para marcar/desmarcar,
+ * Esc para fechar. Dentro de um <Field>, o gatilho recebe o id e os aria-*.
+ */
+function MultiSelect({ options, value, onValueChange, placeholder = "Selecione", searchPlaceholder = "Buscar…", emptyText = "Nada encontrado.", maxDisplayed = 2, searchable = true, size = "default", disabled = false, className, contentClassName, onOpenChange, ...props }) {
+    const controlProps = useFieldControl(props, { withRequired: false });
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState("");
+    const [active, setActive] = React.useState(0);
+    const listId = React.useId();
+    const selected = new Set(value);
+    const q = query.trim().toLowerCase();
+    const filtered = q ? options.filter(o => o.label.toLowerCase().includes(q)) : options;
+    const selectable = filtered.filter(o => !o.disabled);
+    function toggle(v) {
+        onValueChange(selected.has(v) ? value.filter(x => x !== v) : [...value, v]);
+    }
+    function onKeyDown(e) {
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setActive(i => Math.min(i + 1, selectable.length - 1));
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setActive(i => Math.max(i - 1, 0));
+        }
+        else if (e.key === "Enter") {
+            e.preventDefault();
+            const o = selectable[active];
+            if (o)
+                toggle(o.value);
+        }
+    }
+    // Grupos na ordem em que aparecem nas opções.
+    const groups = [];
+    for (const o of filtered) {
+        const g = groups.find(x => x.name === o.group);
+        if (g)
+            g.items.push(o);
+        else
+            groups.push({ name: o.group, items: [o] });
+    }
+    const selectedOptions = options.filter(o => selected.has(o.value));
+    return (_jsxs(Popover, { open: open, onOpenChange: o => { setOpen(o); if (!o) {
+            setQuery("");
+            setActive(0);
+        } ; onOpenChange?.(o); }, children: [_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "data-slot": "multi-select-trigger", "data-size": size, ...controlProps, className: cn("flex w-full min-w-0 cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent pr-2.5 pl-3 text-left text-sm transition-colors outline-none focus-visible:border-ring disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-60 aria-invalid:border-destructive data-[size=default]:h-9 data-[size=sm]:h-7.5 data-[state=open]:border-ring dark:bg-input/30", className), children: [_jsx("span", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: selectedOptions.length === 0 ? (_jsx("span", { className: "truncate text-muted-foreground", children: placeholder })) : selectedOptions.length <= maxDisplayed ? (selectedOptions.map(o => (_jsx(Badge, { variant: "secondary", className: "max-w-[10rem] normal-case", children: _jsx("span", { className: "truncate", children: o.label }) }, o.value)))) : (_jsxs("span", { className: "truncate", children: [selectedOptions.length, " selecionado", selectedOptions.length === 1 ? "" : "s"] })) }), _jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-70" })] }) }), _jsxs(PopoverContent, { className: cn("w-(--radix-popover-trigger-width) min-w-60 p-0", contentClassName), onKeyDown: onKeyDown, children: [searchable && (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("input", { autoFocus: true, value: query, onChange: e => { setQuery(e.target.value); setActive(0); }, placeholder: searchPlaceholder, "aria-label": searchPlaceholder, "aria-controls": listId, className: "h-9 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground" })] })), _jsx("div", { id: listId, role: "listbox", "aria-multiselectable": true, className: "max-h-64 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? (_jsx("p", { className: "px-2.5 py-6 text-center text-sm text-muted-foreground", children: emptyText })) : (groups.map(g => (_jsxs("div", { role: "group", "aria-label": g.name, children: [g.name && _jsx("p", { className: "px-2.5 pt-2 pb-1 text-xs font-medium text-muted-foreground", children: g.name }), g.items.map(o => {
+                                    const isSelected = selected.has(o.value);
+                                    const isActive = selectable[active]?.value === o.value;
+                                    return (_jsxs("div", { role: "option", "aria-selected": isSelected, "aria-disabled": o.disabled || undefined, "data-active": isActive || undefined, onMouseEnter: () => { const i = selectable.indexOf(o); if (i >= 0)
+                                            setActive(i); }, onClick: () => !o.disabled && toggle(o.value), className: "flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm select-none data-active:bg-accent aria-disabled:cursor-not-allowed aria-disabled:opacity-50", children: [_jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center rounded border", isSelected ? "border-primary bg-primary text-primary-foreground" : "border-input"), children: isSelected && _jsx(CheckIcon, { className: "size-3 stroke-3" }) }), o.color && _jsx("span", { className: "size-2 shrink-0 rounded-full", style: { background: o.color } }), _jsx("span", { className: "truncate", children: o.label })] }, o.value));
+                                })] }, g.name ?? "_")))) }), value.length > 0 && (_jsxs("div", { className: "flex items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [_jsxs("span", { children: [value.length, " selecionado", value.length === 1 ? "" : "s"] }), _jsx("button", { type: "button", onClick: () => onValueChange([]), className: "cursor-pointer rounded font-medium text-foreground outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring/50", children: "Limpar" })] }))] })] }));
+}
+export { MultiSelect };
+//# sourceMappingURL=multi-select.js.map

package/dist/components/multi-select.js.map

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

package/dist/components/popover.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+/** Painel flutuante ancorado num gatilho (Radix Popover), com a mesma
+ *  superfície dos menus e do Select. */
+declare function Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAItD;wCACwC;AACxC,iBAAS,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAEzE;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEnF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,qBAEjF;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAevD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/popover.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+/** Painel flutuante ancorado num gatilho (Radix Popover), com a mesma
+ *  superfície dos menus e do Select. */
+function Popover(props) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger(props) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverAnchor(props) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({ className, align = "start", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-lg bg-popover p-3 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props }) }));
+}
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC;wCACwC;AACxC,SAAS,OAAO,CAAC,KAAyD;IACxE,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAA;AACjE,CAAC;AAED,SAAS,cAAc,CAAC,KAA4D;IAClF,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAA;AAC5E,CAAC;AAED,SAAS,aAAa,CAAC,KAA2D;IAChF,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,iBACb,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,ycAAyc,EACzc,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/progress.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Progress as ProgressPrimitive } from "radix-ui";
+declare const tones: {
+    default: string;
+    success: string;
+    warning: string;
+    destructive: string;
+    info: string;
+};
+/** Barra de progresso (0–100), como o Progress do Mantine. */
+declare function Progress({ value, tone, size, className, ...props }: Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, "value"> & {
+    /** 0 a 100. Valores fora da faixa são limitados. */
+    value: number;
+    tone?: keyof typeof tones;
+    size?: "sm" | "default" | "lg";
+}): React.JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIxD,QAAA,MAAM,KAAK;;;;;;CAMV,CAAA;AAED,8DAA8D;AAC9D,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACtE,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,qBAoBA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/progress.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+const tones = {
+    default: "bg-primary",
+    success: "bg-success",
+    warning: "bg-warning",
+    destructive: "bg-destructive",
+    info: "bg-info",
+};
+/** Barra de progresso (0–100), como o Progress do Mantine. */
+function Progress({ value, tone = "default", size = "default", className, ...props }) {
+    const pct = Math.max(0, Math.min(100, value));
+    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", value: pct, className: cn("relative w-full overflow-hidden rounded-full bg-muted", size === "sm" ? "h-1" : size === "lg" ? "h-3" : "h-2", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn("h-full rounded-full transition-[width] duration-300", tones[tone]), style: { width: `${pct}%` } }) }));
+}
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,8DAA8D;AAC9D,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,GAAG,KAAK,EAMT;IACC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAC7C,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACrD,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EACjF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,GAC3B,GACqB,CAC1B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}