@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

package/dist/components/overlays/overlay-manager/overlay-manager.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { StrictEmptyObject } from "@lucasbernardosn/utils";
+//#region src/components/overlays/overlay-manager/overlay-manager.d.ts
+/** Handle entregue ao `render` (2º argumento). Só existe de dentro do overlay. */
+export type OverlayHandle<Result = void> = {
+  /**
+   * Ligue no `open` do popup. `false` no primeiro render, `true` no commit
+   * seguinte (para a transição de entrada rodar), `false` de novo em `close()`.
+   */
+  readonly open: boolean;
+  /**
+   * Resolve a promise de `show()` com `value` (ou `undefined`) e começa a
+   * fechar. Idempotente: a primeira chamada vence.
+   */
+  close: (value?: Result) => void;
+  /**
+   * Remove a instância da árvore React. Chame quando a transição de saída
+   * terminar — normalmente de `onOpenChangeComplete`.
+   */
+  unmount: () => void;
+};
+export type OverlayRender<Props, Result> = (props: Props, overlay: OverlayHandle<Result>) => React.ReactNode;
+type OpenArgs<Props> = StrictEmptyObject extends Props ? [props?: Props] : [props: Props];
+/** O que `createOverlay` devolve. */
+export type Overlay<Props, Result> = {
+  /**
+   * Abre o overlay. Cada chamada empilha uma instância nova. A promise resolve
+   * com o valor de `overlay.close(value)`, ou `undefined` se foi dispensado
+   * (`close()` sem valor, remoção, ou desmonte da árvore). Nunca rejeita.
+   */
+  show: (...args: OpenArgs<Props>) => Promise<Result | undefined>;
+};
+export declare function createOverlay<Props extends object = StrictEmptyObject, Result = void>(render: OverlayRender<Props, Result>): Overlay<Props, Result>;
+/**
+ * Renderiza os overlays abertos por `createOverlay(...).show()`. Monte uma única
+ * vez, perto do root, abaixo dos seus providers globais (tema, query client) —
+ * os overlays herdam o contexto daqui. Não renderiza HTML próprio.
+ */
+export declare function OverlayOutlet(): React.ReactNode;
+export declare const overlays: {
+  /**
+   * Remove todas as instâncias imediatamente, sem transição de saída. As
+   * promises de `show()` ainda pendentes resolvem com `undefined`. Use em
+   * mudança de rota.
+   */
+  closeAll(): void;
+};
+//#endregion
+//# sourceMappingURL=overlay-manager.d.ts.map

package/dist/components/overlays/overlay-manager/overlay-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-manager.d.ts","names":[],"sources":["../../../../src/components/overlays/overlay-manager/overlay-manager.tsx"],"mappings":";;;;YAmDY,cAAc;;;;;WAKf;;;;;EAKT,QAAQ,QAAQ;;;;;EAKhB;;YAGU,cAAc,OAAO,WAC/B,OAAO,OACP,SAAS,cAAc,YACpB,MAAM;KAEN,SAAS,SAAS,0BAA0B,SAC5C,QAAQ,UACR,OAAO;;YAGA,QAAQ,OAAO;;;;;;EAMzB,UAAU,MAAM,SAAS,WAAW,QAAQ;;wBAuK9B,cACd,uBAAuB,mBACvB,eACA,QAAQ,cAAc,OAAO,UAAU,QAAQ,OAAO;;;;;;wBA0FxC,iBAAiB,MAAM;qBA2B1B;;;;;;EAMC"}

package/dist/components/overlays/overlay-manager/overlay-manager.js

@@ -0,0 +1,182 @@
+"use client";
+import React, { memo, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { generateId } from "@base-ui/utils/generateId";
+import { useIsoLayoutEffect } from "@base-ui/utils/useIsoLayoutEffect";
+import { useStableCallback } from "@base-ui/utils/useStableCallback";
+import { useTimeout } from "@base-ui/utils/useTimeout";
+//#region src/components/overlays/overlay-manager/overlay-manager.tsx
+/** Quanto tempo um overlay pode ficar fechado e ainda montado antes do aviso. */
+const STALE_MOUNT_WARNING_DELAY = 3e3;
+/**
+* Estado global dos overlays vivos. Instância única (`store`), criada no load do
+* módulo. As instâncias são tratadas como snapshots imutáveis: cada mutação
+* troca o objeto afetado e o array, para os consumidores de `useSyncExternalStore`
+* re-renderizarem.
+*/
+var OverlayStore = class {
+	instances = [];
+	listeners = /* @__PURE__ */ new Set();
+	outletCount = 0;
+	/** Assinatura para `useSyncExternalStore`. */
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	};
+	/** Snapshot para `useSyncExternalStore`. Ref estável entre mutações. */
+	getSnapshot = () => this.instances;
+	/** Adiciona uma instância nova (uma por `show()`). */
+	add = (instance) => {
+		this.instances = this.instances.concat(instance);
+		this.emit();
+		queueMicrotask(() => {
+			if (this.outletCount === 0 && this.instances.some((entry) => entry.id === instance.id)) console.error("OverlayManager: um overlay foi aberto mas nenhum <OverlayOutlet /> está montado, então ele não vai renderizar. Monte um único <OverlayOutlet /> perto do root da aplicação.");
+		});
+	};
+	/** Resolve a promise e começa a fechar (o popup anima a saída). */
+	close = (id, value) => {
+		const instance = this.instances.find((entry) => entry.id === id);
+		if (!instance) return;
+		instance.settle(value);
+		this.setOpen(id, false);
+	};
+	/** Tira a instância da árvore. Resolve com `undefined` se ainda não resolveu. */
+	remove = (id) => {
+		const instance = this.instances.find((entry) => entry.id === id);
+		if (!instance) return;
+		instance.settle(void 0);
+		this.instances = this.instances.filter((entry) => entry.id !== id);
+		this.emit();
+	};
+	/** Remove todas as instâncias na hora, resolvendo cada promise com `undefined`. */
+	closeAll = () => {
+		const settling = this.instances;
+		if (settling.length === 0) return;
+		this.instances = [];
+		this.emit();
+		settling.forEach((instance) => {
+			instance.settle(void 0);
+		});
+	};
+	/** O `<OverlayOutlet>` chama isto ao montar; devolve o cleanup. */
+	registerOutlet = () => {
+		this.outletCount += 1;
+		if (this.outletCount > 1) console.error("OverlayManager: mais de um <OverlayOutlet /> está montado. Renderize apenas um, perto do root da aplicação.");
+		return () => {
+			this.outletCount -= 1;
+		};
+	};
+	setOpen(id, open) {
+		this.instances = this.instances.map((instance) => instance.id === id ? {
+			...instance,
+			open
+		} : instance);
+		this.emit();
+	}
+	emit() {
+		this.listeners.forEach((listener) => {
+			listener();
+		});
+	}
+};
+const store = new OverlayStore();
+var OverlayErrorBoundary = class extends React.Component {
+	state = { errored: false };
+	static getDerivedStateFromError() {
+		return { errored: true };
+	}
+	componentDidCatch(error) {
+		console.error("OverlayManager: um overlay lançou durante o render e foi removido da árvore.\n", error);
+		store.remove(this.props.instanceId);
+	}
+	render() {
+		return this.state.errored ? null : this.props.children;
+	}
+};
+function createOverlay(render) {
+	function OverlayComponent({ instance }) {
+		const [entered, setEntered] = useState(false);
+		useIsoLayoutEffect(() => {
+			setEntered(true);
+		}, []);
+		const idRef = useRef(instance.id);
+		useIsoLayoutEffect(() => () => store.remove(idRef.current), []);
+		const staleTimeout = useTimeout();
+		useIsoLayoutEffect(() => {
+			if (instance.open) return;
+			staleTimeout.start(STALE_MOUNT_WARNING_DELAY, () => {
+				console.warn("OverlayManager: um overlay está fechado há um tempo mas continua montado. Chame overlay.unmount() quando a transição de saída terminar (normalmente no onOpenChangeComplete).");
+			});
+			return () => {
+				staleTimeout.clear();
+			};
+		}, [instance.open, staleTimeout]);
+		const close = useStableCallback((value) => {
+			store.close(instance.id, value);
+		});
+		const unmount = useStableCallback(() => {
+			store.remove(instance.id);
+		});
+		const open = entered && instance.open;
+		const overlay = useMemo(() => ({
+			open,
+			close,
+			unmount
+		}), [
+			open,
+			close,
+			unmount
+		]);
+		return render(instance.props, overlay);
+	}
+	const MemoOverlayComponent = memo(OverlayComponent);
+	MemoOverlayComponent.displayName = `Overlay(${render.name || "Anonymous"})`;
+	return { show: (...args) => {
+		let settled = false;
+		let resolvePromise;
+		const promise = new Promise((resolve) => {
+			resolvePromise = resolve;
+		});
+		store.add({
+			id: generateId("overlay"),
+			Component: MemoOverlayComponent,
+			props: args[0] ?? {},
+			open: true,
+			settle: (value) => {
+				if (!settled) {
+					settled = true;
+					resolvePromise(value);
+				}
+			}
+		});
+		return promise;
+	} };
+}
+/**
+* Renderiza os overlays abertos por `createOverlay(...).show()`. Monte uma única
+* vez, perto do root, abaixo dos seus providers globais (tema, query client) —
+* os overlays herdam o contexto daqui. Não renderiza HTML próprio.
+*/
+function OverlayOutlet() {
+	const list = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+	useIsoLayoutEffect(() => store.registerOutlet(), []);
+	return /* @__PURE__ */ jsx(Fragment, { children: list.map((instance) => /* @__PURE__ */ jsx(OverlayErrorBoundary, {
+		instanceId: instance.id,
+		children: /* @__PURE__ */ jsx(instance.Component, { instance })
+	}, instance.id)) });
+}
+const overlays = { 
+/**
+* Remove todas as instâncias imediatamente, sem transição de saída. As
+* promises de `show()` ainda pendentes resolvem com `undefined`. Use em
+* mudança de rota.
+*/
+closeAll() {
+	store.closeAll();
+} };
+//#endregion
+export { OverlayOutlet, createOverlay, overlays };
+
+//# sourceMappingURL=overlay-manager.js.map

package/dist/components/overlays/overlay-manager/overlay-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-manager.js","names":[],"sources":["../../../../src/components/overlays/overlay-manager/overlay-manager.tsx"],"sourcesContent":["'use client';\nimport { generateId } from '@base-ui/utils/generateId';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport type { StrictEmptyObject } from '@lucasbernardosn/utils';\nimport React, {\n  memo,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\n\n// ============================================================================\n// Overlay — gerenciador mínimo e agnóstico\n// ----------------------------------------------------------------------------\n// Abre um Dialog / AlertDialog / Drawer (ou qualquer popup) de qualquer lugar\n// do código e devolve o desfecho como promise.\n//\n// NÃO sabe nada de Base UI. O componente do overlay liga `open` /\n// `onOpenChange` / `onOpenChangeComplete` na mão — o manager só expõe o estado\n// e as funções de ciclo de vida.\n//\n//   createOverlay<Props, Result>((props, overlay) => jsx)  →  { show }\n//   await MyOverlay.show(props)                             →  Result | undefined\n//\n//   overlay.open        estado a ligar no `open` do popup (two-step de entrada)\n//   overlay.close(v?)   resolve a promise de show() e começa a fechar\n//   overlay.unmount()   tira a instância da árvore (chamar ao fim da saída)\n//\n//   <OverlayOutlet />   uma vez, no root, abaixo dos providers globais\n//   overlays.closeAll() remove tudo na hora (route change)\n//\n// Sem lock embutido: se o overlay tem uma ação assíncrona que não pode ser\n// interrompida, o componente barra a dispensa no próprio `onOpenChange`\n// (`if (busy) { details.cancel(); return; }`) e desabilita o botão de fechar.\n// Um dismiss que passe durante o async resolve a promise com `undefined` e a\n// conclusão do async é perdida.\n// ============================================================================\n\nconst isDev = true;\n\n/** Quanto tempo um overlay pode ficar fechado e ainda montado antes do aviso. */\nconst STALE_MOUNT_WARNING_DELAY = 3000;\n\n// ---------------------------------------------------------------------------\n// Tipos públicos\n// ---------------------------------------------------------------------------\n\n/** Handle entregue ao `render` (2º argumento). Só existe de dentro do overlay. */\nexport type OverlayHandle<Result = void> = {\n  /**\n   * Ligue no `open` do popup. `false` no primeiro render, `true` no commit\n   * seguinte (para a transição de entrada rodar), `false` de novo em `close()`.\n   */\n  readonly open: boolean;\n  /**\n   * Resolve a promise de `show()` com `value` (ou `undefined`) e começa a\n   * fechar. Idempotente: a primeira chamada vence.\n   */\n  close: (value?: Result) => void;\n  /**\n   * Remove a instância da árvore React. Chame quando a transição de saída\n   * terminar — normalmente de `onOpenChangeComplete`.\n   */\n  unmount: () => void;\n};\n\nexport type OverlayRender<Props, Result> = (\n  props: Props,\n  overlay: OverlayHandle<Result>,\n) => React.ReactNode;\n\ntype OpenArgs<Props> = StrictEmptyObject extends Props\n  ? [props?: Props]\n  : [props: Props];\n\n/** O que `createOverlay` devolve. */\nexport type Overlay<Props, Result> = {\n  /**\n   * Abre o overlay. Cada chamada empilha uma instância nova. A promise resolve\n   * com o valor de `overlay.close(value)`, ou `undefined` se foi dispensado\n   * (`close()` sem valor, remoção, ou desmonte da árvore). Nunca rejeita.\n   */\n  show: (...args: OpenArgs<Props>) => Promise<Result | undefined>;\n};\n\n// ---------------------------------------------------------------------------\n// Store\n// ---------------------------------------------------------------------------\n\ntype OverlayInstance = {\n  readonly id: string;\n  readonly Component: React.ComponentType<{ instance: OverlayInstance }>;\n  readonly props: unknown;\n  /** Intenção: `true` aberta, `false` fechando/fechada. */\n  readonly open: boolean;\n  /** Resolve a promise de `show()`. Idempotente (guarda a flag por closure). */\n  readonly settle: (value: unknown) => void;\n};\n\n/**\n * Estado global dos overlays vivos. Instância única (`store`), criada no load do\n * módulo. As instâncias são tratadas como snapshots imutáveis: cada mutação\n * troca o objeto afetado e o array, para os consumidores de `useSyncExternalStore`\n * re-renderizarem.\n */\nclass OverlayStore {\n  private instances: readonly OverlayInstance[] = [];\n\n  private readonly listeners = new Set<() => void>();\n\n  private outletCount = 0;\n\n  /** Assinatura para `useSyncExternalStore`. */\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  /** Snapshot para `useSyncExternalStore`. Ref estável entre mutações. */\n  getSnapshot = (): readonly OverlayInstance[] => this.instances;\n\n  /** Adiciona uma instância nova (uma por `show()`). */\n  add = (instance: OverlayInstance): void => {\n    this.instances = this.instances.concat(instance);\n    this.emit();\n\n    if (isDev) {\n      // Abrir um overlay e montar o outlet podem cair no mesmo tick (o\n      // `outletCount` sobe num layout effect). Recheca depois de um microtask\n      // para não avisar num setup válido.\n      queueMicrotask(() => {\n        if (\n          this.outletCount === 0 &&\n          this.instances.some((entry) => entry.id === instance.id)\n        ) {\n          console.error(\n            'OverlayManager: um overlay foi aberto mas nenhum <OverlayOutlet /> está montado, ' +\n              'então ele não vai renderizar. Monte um único <OverlayOutlet /> perto do root da aplicação.',\n          );\n        }\n      });\n    }\n  };\n\n  /** Resolve a promise e começa a fechar (o popup anima a saída). */\n  close = (id: string, value: unknown): void => {\n    const instance = this.instances.find((entry) => entry.id === id);\n    if (!instance) {\n      return;\n    }\n    instance.settle(value);\n    this.setOpen(id, false);\n  };\n\n  /** Tira a instância da árvore. Resolve com `undefined` se ainda não resolveu. */\n  remove = (id: string): void => {\n    const instance = this.instances.find((entry) => entry.id === id);\n    if (!instance) {\n      return;\n    }\n    instance.settle(undefined);\n    this.instances = this.instances.filter((entry) => entry.id !== id);\n    this.emit();\n  };\n\n  /** Remove todas as instâncias na hora, resolvendo cada promise com `undefined`. */\n  closeAll = (): void => {\n    const settling = this.instances;\n    if (settling.length === 0) {\n      return;\n    }\n    this.instances = [];\n    this.emit();\n    settling.forEach((instance) => {\n      instance.settle(undefined);\n    });\n  };\n\n  /** O `<OverlayOutlet>` chama isto ao montar; devolve o cleanup. */\n  registerOutlet = (): (() => void) => {\n    this.outletCount += 1;\n    if (isDev && this.outletCount > 1) {\n      console.error(\n        'OverlayManager: mais de um <OverlayOutlet /> está montado. ' +\n          'Renderize apenas um, perto do root da aplicação.',\n      );\n    }\n    return () => {\n      this.outletCount -= 1;\n    };\n  };\n\n  private setOpen(id: string, open: boolean): void {\n    this.instances = this.instances.map((instance) =>\n      instance.id === id ? { ...instance, open } : instance,\n    );\n    this.emit();\n  }\n\n  private emit(): void {\n    this.listeners.forEach((listener) => {\n      listener();\n    });\n  }\n}\n\nconst store = new OverlayStore();\n\n// ---------------------------------------------------------------------------\n// Error boundary — uma instância que lança no render não pode derrubar o app\n// ---------------------------------------------------------------------------\n\ntype OverlayErrorBoundaryProps = {\n  instanceId: string;\n  children: React.ReactNode;\n};\n\nclass OverlayErrorBoundary extends React.Component<\n  OverlayErrorBoundaryProps,\n  { errored: boolean }\n> {\n  override state = { errored: false };\n\n  static getDerivedStateFromError() {\n    return { errored: true };\n  }\n\n  override componentDidCatch(error: unknown) {\n    if (isDev) {\n      console.error(\n        'OverlayManager: um overlay lançou durante o render e foi removido da árvore.\\n',\n        error,\n      );\n    }\n    // Resolve a promise de `show()` com `undefined` e desmonta a instância.\n    store.remove(this.props.instanceId);\n  }\n\n  override render() {\n    return this.state.errored ? null : this.props.children;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// createOverlay\n// ---------------------------------------------------------------------------\n\nexport function createOverlay<\n  Props extends object = StrictEmptyObject,\n  Result = void,\n>(render: OverlayRender<Props, Result>): Overlay<Props, Result> {\n  function OverlayComponent({ instance }: { instance: OverlayInstance }) {\n    // Monta com `open={false}` e vira `true` no commit seguinte, para o popup\n    // ver a transição `false → true` e animar a entrada (montar já-aberto não\n    // anima, e Dialog/AlertDialog/Drawer não expõem `animateInitialOpen`).\n    const [entered, setEntered] = useState(false);\n    useIsoLayoutEffect(() => {\n      setEntered(true);\n    }, []);\n\n    // Se a instância sai da árvore sem passar por `close()`/`unmount()` (o\n    // outlet desmonta, um layout condicional some), garante que a promise de\n    // `show()` resolve e o store não fica com entrada zumbi. No fluxo normal\n    // `store.remove` já rodou e isto é no-op.\n    const idRef = useRef(instance.id);\n    useIsoLayoutEffect(() => () => store.remove(idRef.current), []);\n\n    // Avisa se o overlay fechou mas ninguém chamou `unmount()`.\n    const staleTimeout = useTimeout();\n    useIsoLayoutEffect(() => {\n      if (!isDev || instance.open) {\n        return undefined;\n      }\n      staleTimeout.start(STALE_MOUNT_WARNING_DELAY, () => {\n        console.warn(\n          'OverlayManager: um overlay está fechado há um tempo mas continua montado. ' +\n            'Chame overlay.unmount() quando a transição de saída terminar (normalmente no onOpenChangeComplete).',\n        );\n      });\n      return () => {\n        staleTimeout.clear();\n      };\n    }, [instance.open, staleTimeout]);\n\n    const close = useStableCallback((value?: Result) => {\n      store.close(instance.id, value);\n    });\n\n    const unmount = useStableCallback(() => {\n      store.remove(instance.id);\n    });\n\n    const open = entered && instance.open;\n\n    const overlay = useMemo<OverlayHandle<Result>>(\n      () => ({ open, close, unmount }),\n      [open, close, unmount],\n    );\n\n    return render(instance.props as Props, overlay);\n  }\n\n  const MemoOverlayComponent = memo(OverlayComponent);\n  MemoOverlayComponent.displayName = `Overlay(${render.name || 'Anonymous'})`;\n\n  return {\n    show: (...args: OpenArgs<Props>) => {\n      let settled = false;\n      let resolvePromise!: (value: Result | undefined) => void;\n      const promise = new Promise<Result | undefined>((resolve) => {\n        resolvePromise = resolve;\n      });\n\n      store.add({\n        id: generateId('overlay'),\n        Component: MemoOverlayComponent,\n        props: (args[0] ?? {}) as unknown,\n        open: true,\n        settle: (value) => {\n          if (!settled) {\n            settled = true;\n            resolvePromise(value as Result | undefined);\n          }\n        },\n      });\n\n      return promise;\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// OverlayOutlet\n// ---------------------------------------------------------------------------\n\n/**\n * Renderiza os overlays abertos por `createOverlay(...).show()`. Monte uma única\n * vez, perto do root, abaixo dos seus providers globais (tema, query client) —\n * os overlays herdam o contexto daqui. Não renderiza HTML próprio.\n */\nexport function OverlayOutlet(): React.ReactNode {\n  const list = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getSnapshot,\n  );\n\n  useIsoLayoutEffect(() => store.registerOutlet(), []);\n\n  return (\n    <>\n      {list.map((instance) => (\n        <OverlayErrorBoundary\n          key={instance.id}\n          instanceId={instance.id}\n        >\n          <instance.Component instance={instance} />\n        </OverlayErrorBoundary>\n      ))}\n    </>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// overlays — handle global\n// ---------------------------------------------------------------------------\n\nexport const overlays = {\n  /**\n   * Remove todas as instâncias imediatamente, sem transição de saída. As\n   * promises de `show()` ainda pendentes resolvem com `undefined`. Use em\n   * mudança de rota.\n   */\n  closeAll(): void {\n    store.closeAll();\n  },\n};\n"],"mappings":"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"}

package/dist/components/overlays/popover/create-handle.d.ts

@@ -0,0 +1,10 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/create-handle.d.ts
+export type PopoverHandle<Payload> = Popover.Handle<Payload>;
+/**
+ * Cria um handle que liga triggers soltos pela página a um único `Popover.Root`, passado em
+ * `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.
+ */
+export declare const createPopoverHandle: <Payload>() => Popover.Handle<Payload>;
+//#endregion
+//# sourceMappingURL=create-handle.d.ts.map

package/dist/components/overlays/popover/create-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/create-handle.ts"],"mappings":";;YAEY,cAAc,WAAWA,QAAY,OAAO;;;;;qBAM3C,sBAAuB,cAAOA,QAAA,OAAA"}

package/dist/components/overlays/popover/create-handle.js

@@ -0,0 +1,11 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/create-handle.ts
+/**
+* Cria um handle que liga triggers soltos pela página a um único `Popover.Root`, passado em
+* `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.
+*/
+const createPopoverHandle = () => Popover.createHandle();
+//#endregion
+export { createPopoverHandle };
+
+//# sourceMappingURL=create-handle.js.map

package/dist/components/overlays/popover/create-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/create-handle.ts"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\n\nexport type PopoverHandle<Payload> = BasePopover.Handle<Payload>;\n\n/**\n * Cria um handle que liga triggers soltos pela página a um único `Popover.Root`, passado em\n * `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.\n */\nexport const createPopoverHandle = <Payload>() =>\n  BasePopover.createHandle<Payload>();\n"],"mappings":";;;;;;AAQA,MAAa,4BACXA,QAAY,aAAsB"}

package/dist/components/overlays/popover/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Popover };

package/dist/components/overlays/popover/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Popover };

package/dist/components/overlays/popover/index.parts.d.ts

@@ -0,0 +1,21 @@
+import { PopoverHandle, createPopoverHandle } from "./create-handle.js";
+import { PopoverArrow, PopoverArrowProps, PopoverArrowState } from "./popover-arrow.js";
+import { PopoverBackdrop, PopoverBackdropProps, PopoverBackdropState } from "./popover-backdrop.js";
+import { PopoverBody, PopoverBodyProps } from "./popover-body.js";
+import { PopoverClose, PopoverCloseProps, PopoverCloseState } from "./popover-close.js";
+import { PopoverDescription, PopoverDescriptionProps, PopoverDescriptionState } from "./popover-description.js";
+import { PopoverFooter, PopoverFooterProps } from "./popover-footer.js";
+import { PopoverHeader, PopoverHeaderProps } from "./popover-header.js";
+import { PopoverPopup, PopoverPopupProps, PopoverPopupState } from "./popover-popup.js";
+import { PopoverPortal, PopoverPortalProps, PopoverPortalState } from "./popover-portal.js";
+import { PopoverPositioner, PopoverPositionerProps, PopoverPositionerState } from "./popover-positioner.js";
+import { PopoverRoot, PopoverRootActions, PopoverRootChangeEventDetails, PopoverRootChangeEventReason, PopoverRootProps, PopoverRootState } from "./popover-root.js";
+import { PopoverTitle, PopoverTitleProps, PopoverTitleState } from "./popover-title.js";
+import { PopoverTrigger, PopoverTriggerProps, PopoverTriggerState } from "./popover-trigger.js";
+import { PopoverViewport, PopoverViewportProps, PopoverViewportState } from "./popover-viewport.js";
+declare namespace index_parts_d_exports {
+  export { PopoverArrow as Arrow, PopoverArrowProps as ArrowProps, PopoverArrowState as ArrowState, PopoverBackdrop as Backdrop, PopoverBackdropProps as BackdropProps, PopoverBackdropState as BackdropState, PopoverBody as Body, PopoverBodyProps as BodyProps, PopoverClose as Close, PopoverCloseProps as CloseProps, PopoverCloseState as CloseState, PopoverDescription as Description, PopoverDescriptionProps as DescriptionProps, PopoverDescriptionState as DescriptionState, PopoverFooter as Footer, PopoverFooterProps as FooterProps, PopoverHandle as Handle, PopoverHeader as Header, PopoverHeaderProps as HeaderProps, PopoverPopup as Popup, PopoverPopupProps as PopupProps, PopoverPopupState as PopupState, PopoverPortal as Portal, PopoverPortalProps as PortalProps, PopoverPortalState as PortalState, PopoverPositioner as Positioner, PopoverPositionerProps as PositionerProps, PopoverPositionerState as PositionerState, PopoverRoot as Root, PopoverRootActions as RootActions, PopoverRootChangeEventDetails as RootChangeEventDetails, PopoverRootChangeEventReason as RootChangeEventReason, PopoverRootProps as RootProps, PopoverRootState as RootState, PopoverTitle as Title, PopoverTitleProps as TitleProps, PopoverTitleState as TitleState, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps, PopoverTriggerState as TriggerState, PopoverViewport as Viewport, PopoverViewportProps as ViewportProps, PopoverViewportState as ViewportState, createPopoverHandle as createHandle };
+}
+//#endregion
+export { PopoverArrow as Arrow, type PopoverArrowProps as ArrowProps, type PopoverArrowState as ArrowState, PopoverBackdrop as Backdrop, type PopoverBackdropProps as BackdropProps, type PopoverBackdropState as BackdropState, PopoverBody as Body, type PopoverBodyProps as BodyProps, PopoverClose as Close, type PopoverCloseProps as CloseProps, type PopoverCloseState as CloseState, PopoverDescription as Description, type PopoverDescriptionProps as DescriptionProps, type PopoverDescriptionState as DescriptionState, PopoverFooter as Footer, type PopoverFooterProps as FooterProps, type PopoverHandle as Handle, PopoverHeader as Header, type PopoverHeaderProps as HeaderProps, PopoverPopup as Popup, type PopoverPopupProps as PopupProps, type PopoverPopupState as PopupState, PopoverPortal as Portal, type PopoverPortalProps as PortalProps, type PopoverPortalState as PortalState, PopoverPositioner as Positioner, type PopoverPositionerProps as PositionerProps, type PopoverPositionerState as PositionerState, PopoverRoot as Root, type PopoverRootActions as RootActions, type PopoverRootChangeEventDetails as RootChangeEventDetails, type PopoverRootChangeEventReason as RootChangeEventReason, type PopoverRootProps as RootProps, type PopoverRootState as RootState, PopoverTitle as Title, type PopoverTitleProps as TitleProps, type PopoverTitleState as TitleState, PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps, type PopoverTriggerState as TriggerState, PopoverViewport as Viewport, type PopoverViewportProps as ViewportProps, type PopoverViewportState as ViewportState, createPopoverHandle as createHandle, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/overlays/popover/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/overlays/popover/index.parts.ts"],"mappings":""}

package/dist/components/overlays/popover/index.parts.js

@@ -0,0 +1,38 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createPopoverHandle } from "./create-handle.js";
+import { PopoverArrow } from "./popover-arrow.js";
+import { PopoverBackdrop } from "./popover-backdrop.js";
+import { PopoverBody } from "./popover-body.js";
+import { PopoverClose } from "./popover-close.js";
+import { PopoverDescription } from "./popover-description.js";
+import { PopoverFooter } from "./popover-footer.js";
+import { PopoverHeader } from "./popover-header.js";
+import { PopoverPopup } from "./popover-popup.js";
+import { PopoverPortal } from "./popover-portal.js";
+import { PopoverPositioner } from "./popover-positioner.js";
+import { PopoverRoot } from "./popover-root.js";
+import { PopoverTitle } from "./popover-title.js";
+import { PopoverTrigger } from "./popover-trigger.js";
+import { PopoverViewport } from "./popover-viewport.js";
+//#region src/components/overlays/popover/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => PopoverArrow,
+	Backdrop: () => PopoverBackdrop,
+	Body: () => PopoverBody,
+	Close: () => PopoverClose,
+	Description: () => PopoverDescription,
+	Footer: () => PopoverFooter,
+	Header: () => PopoverHeader,
+	Popup: () => PopoverPopup,
+	Portal: () => PopoverPortal,
+	Positioner: () => PopoverPositioner,
+	Root: () => PopoverRoot,
+	Title: () => PopoverTitle,
+	Trigger: () => PopoverTrigger,
+	Viewport: () => PopoverViewport,
+	createHandle: () => createPopoverHandle
+});
+//#endregion
+export { PopoverArrow as Arrow, PopoverBackdrop as Backdrop, PopoverBody as Body, PopoverClose as Close, PopoverDescription as Description, PopoverFooter as Footer, PopoverHeader as Header, PopoverPopup as Popup, PopoverPortal as Portal, PopoverPositioner as Positioner, PopoverRoot as Root, PopoverTitle as Title, PopoverTrigger as Trigger, PopoverViewport as Viewport, createPopoverHandle as createHandle, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/overlays/popover/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/popover/index.parts.ts"],"sourcesContent":["export { createPopoverHandle as createHandle } from './create-handle';\nexport { PopoverArrow as Arrow } from './popover-arrow';\nexport { PopoverBackdrop as Backdrop } from './popover-backdrop';\nexport { PopoverBody as Body } from './popover-body';\nexport { PopoverClose as Close } from './popover-close';\nexport { PopoverDescription as Description } from './popover-description';\nexport { PopoverFooter as Footer } from './popover-footer';\nexport { PopoverHeader as Header } from './popover-header';\nexport { PopoverPopup as Popup } from './popover-popup';\nexport { PopoverPortal as Portal } from './popover-portal';\nexport { PopoverPositioner as Positioner } from './popover-positioner';\nexport { PopoverRoot as Root } from './popover-root';\nexport { PopoverTitle as Title } from './popover-title';\nexport { PopoverTrigger as Trigger } from './popover-trigger';\nexport { PopoverViewport as Viewport } from './popover-viewport';\n\n/* types */\n\nexport type { PopoverHandle as Handle } from './create-handle';\nexport type {\n  PopoverArrowProps as ArrowProps,\n  PopoverArrowState as ArrowState,\n} from './popover-arrow';\nexport type {\n  PopoverBackdropProps as BackdropProps,\n  PopoverBackdropState as BackdropState,\n} from './popover-backdrop';\nexport type { PopoverBodyProps as BodyProps } from './popover-body';\nexport type {\n  PopoverCloseProps as CloseProps,\n  PopoverCloseState as CloseState,\n} from './popover-close';\nexport type {\n  PopoverDescriptionProps as DescriptionProps,\n  PopoverDescriptionState as DescriptionState,\n} from './popover-description';\nexport type { PopoverFooterProps as FooterProps } from './popover-footer';\nexport type { PopoverHeaderProps as HeaderProps } from './popover-header';\nexport type {\n  PopoverPopupProps as PopupProps,\n  PopoverPopupState as PopupState,\n} from './popover-popup';\nexport type {\n  PopoverPortalProps as PortalProps,\n  PopoverPortalState as PortalState,\n} from './popover-portal';\nexport type {\n  PopoverPositionerProps as PositionerProps,\n  PopoverPositionerState as PositionerState,\n} from './popover-positioner';\nexport type {\n  PopoverRootActions as RootActions,\n  PopoverRootChangeEventDetails as RootChangeEventDetails,\n  PopoverRootChangeEventReason as RootChangeEventReason,\n  PopoverRootProps as RootProps,\n  PopoverRootState as RootState,\n} from './popover-root';\nexport type {\n  PopoverTitleProps as TitleProps,\n  PopoverTitleState as TitleState,\n} from './popover-title';\nexport type {\n  PopoverTriggerProps as TriggerProps,\n  PopoverTriggerState as TriggerState,\n} from './popover-trigger';\nexport type {\n  PopoverViewportProps as ViewportProps,\n  PopoverViewportState as ViewportState,\n} from './popover-viewport';\n"],"mappings":""}

package/dist/components/overlays/popover/popover-arrow.d.ts

@@ -0,0 +1,19 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-arrow.d.ts
+export type PopoverArrowProps = Popover.Arrow.Props;
+export type PopoverArrowState = Popover.Arrow.State;
+/**
+ * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
+ * `data-side`, que decide a rotação.
+ *
+ * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de
+ * `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
+ * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O
+ * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.
+ */
+export declare const PopoverArrow: {
+  (props: PopoverArrowProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-arrow.d.ts.map

package/dist/components/overlays/popover/popover-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-arrow.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-arrow.tsx"],"mappings":";;YAGY,oBAAoBA,QAAY,MAAM;YACtC,oBAAoBA,QAAY,MAAM;;;;;;;;;;qBAWrC;GAAuB,OAAA,oCAAiB,IAAA"}

package/dist/components/overlays/popover/popover-arrow.js

@@ -0,0 +1,50 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-arrow.tsx
+/**
+* Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
+* `data-side`, que decide a rotação.
+*
+* Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de
+* `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
+* corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O
+* quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.
+*/
+const PopoverArrow = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		"data-component": "Popover.Arrow",
+		className: mergeStateClassNames([
+			"[--popover-arrow-size:--spacing(1.5)]",
+			"block",
+			"relative",
+			"w-[calc(var(--popover-arrow-size)*2)]",
+			"h-(--popover-arrow-size)",
+			"overflow-clip",
+			"before:content-['']",
+			"before:border",
+			"before:absolute",
+			"before:bottom-0",
+			"before:left-1/2",
+			"before:bg-white",
+			"dark:before:bg-gray-2",
+			"before:border-gray-6",
+			"data-[side=top]:rotate-180",
+			"data-[side=left]:rotate-90",
+			"data-[side=right]:-rotate-90",
+			"data-[side=top]:-bottom-(--popover-arrow-size)",
+			"data-[side=bottom]:-top-(--popover-arrow-size)",
+			"data-[side=left]:right-[calc(var(--popover-arrow-size)*-1.5)]",
+			"data-[side=right]:left-[calc(var(--popover-arrow-size)*-1.5)]",
+			"before:size-[calc(var(--popover-arrow-size)*sqrt(2))]",
+			"before:transform-[translate(-50%,50%)_rotate(45deg)]"
+		], className),
+		...rest
+	});
+};
+PopoverArrow.displayName = "Popover.Arrow";
+//#endregion
+export { PopoverArrow };
+
+//# sourceMappingURL=popover-arrow.js.map

package/dist/components/overlays/popover/popover-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-arrow.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-arrow.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverArrowProps = BasePopover.Arrow.Props;\nexport type PopoverArrowState = BasePopover.Arrow.State;\n\n/**\n * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em\n * `data-side`, que decide a rotação.\n *\n * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de\n * `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que\n * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O\n * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.\n */\nexport const PopoverArrow = (props: PopoverArrowProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Arrow\n      data-component=\"Popover.Arrow\"\n      className={mergeStateClassNames(\n        [\n          '[--popover-arrow-size:--spacing(1.5)]',\n\n          'block',\n\n          'relative',\n\n          'w-[calc(var(--popover-arrow-size)*2)]',\n          'h-(--popover-arrow-size)',\n\n          'overflow-clip',\n\n          \"before:content-['']\",\n          'before:border',\n          'before:absolute',\n          'before:bottom-0',\n          'before:left-1/2',\n          'before:bg-white',\n          'dark:before:bg-gray-2',\n          'before:border-gray-6',\n          'data-[side=top]:rotate-180',\n          'data-[side=left]:rotate-90',\n          'data-[side=right]:-rotate-90',\n\n          'data-[side=top]:-bottom-(--popover-arrow-size)',\n          'data-[side=bottom]:-top-(--popover-arrow-size)',\n          'data-[side=left]:right-[calc(var(--popover-arrow-size)*-1.5)]',\n          'data-[side=right]:left-[calc(var(--popover-arrow-size)*-1.5)]',\n\n          'before:size-[calc(var(--popover-arrow-size)*sqrt(2))]',\n\n          'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverArrow.displayName = 'Popover.Arrow';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GAEA;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

package/dist/components/overlays/popover/popover-backdrop.d.ts

@@ -0,0 +1,18 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-backdrop.d.ts
+export type PopoverBackdropProps = Popover.Backdrop.Props;
+export type PopoverBackdropState = Popover.Backdrop.State;
+/**
+ * Camada atrás do popup que cobre e escurece a página.
+ *
+ * Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de
+ * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o
+ * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o
+ * `min-h-dvh` garante a altura da tela visível.
+ */
+export declare const PopoverBackdrop: {
+  (props: PopoverBackdropProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-backdrop.d.ts.map

package/dist/components/overlays/popover/popover-backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-backdrop.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-backdrop.tsx"],"mappings":";;YAGY,uBAAuBA,QAAY,SAAS;YAE5C,uBAAuBA,QAAY,SAAS;;;;;;;;;qBAU3C;GAA0B,OAAA,uCAAoB,IAAA"}

package/dist/components/overlays/popover/popover-backdrop.js

@@ -0,0 +1,38 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página.
+*
+* Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de
+* `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o
+* backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o
+* `min-h-dvh` garante a altura da tela visível.
+*/
+const PopoverBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		"data-component": "Popover.Backdrop",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"min-h-dvh",
+			"supports-[-webkit-touch-callout:none]:absolute",
+			"bg-black/40",
+			"not-motion-reduced:transition-opacity",
+			"not-motion-reduced:ease-enter",
+			"not-motion-reduced:duration-150",
+			"not-motion-reduced:data-ending-style:duration-100",
+			"not-motion-reduced:data-ending-style:ease-exit",
+			"data-ending-style:opacity-0",
+			"data-starting-style:opacity-0"
+		], className),
+		...rest
+	});
+};
+PopoverBackdrop.displayName = "Popover.Backdrop";
+//#endregion
+export { PopoverBackdrop };
+
+//# sourceMappingURL=popover-backdrop.js.map

package/dist/components/overlays/popover/popover-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-backdrop.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-backdrop.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverBackdropProps = BasePopover.Backdrop.Props;\n\nexport type PopoverBackdropState = BasePopover.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de\n * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o\n * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o\n * `min-h-dvh` garante a altura da tela visível.\n */\nexport const PopoverBackdrop = (props: PopoverBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Backdrop\n      data-component=\"Popover.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-150',\n          'not-motion-reduced:data-ending-style:duration-100',\n          'not-motion-reduced:data-ending-style:ease-exit',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverBackdrop.displayName = 'Popover.Backdrop';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,UAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}

package/dist/components/overlays/popover/popover-body.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-body.d.ts
+export type PopoverBodyProps = useRender.ComponentProps<'div'>;
+/**
+ * Conteúdo principal do popover. O respiro vem de `--popover-padding`, declarado no `Popover.Popup`.
+ * Rola quando o popup chega ao teto de altura (ver `popoverPopupVariants`).
+ */
+export declare const PopoverBody: {
+  (props: PopoverBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-body.d.ts.map

package/dist/components/overlays/popover/popover-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-body.d.ts","names":[],"sources":["../../../../src/components/overlays/popover/popover-body.tsx"],"mappings":";;YAGY,mBAAmB,UAAU;;;;;qBAM5B;GAAsB,OAAA,mCAAgB,+CAAA"}

package/dist/components/overlays/popover/popover-body.js

@@ -0,0 +1,29 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-body.tsx
+/**
+* Conteúdo principal do popover. O respiro vem de `--popover-padding`, declarado no `Popover.Popup`.
+* Rola quando o popup chega ao teto de altura (ver `popoverPopupVariants`).
+*/
+const PopoverBody = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Popover.Body",
+		className: mergeTwClassNames([
+			"flex-1",
+			"min-h-0",
+			"overflow-y-auto",
+			"p-(--popover-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+PopoverBody.displayName = "Popover.Body";
+//#endregion
+export { PopoverBody };
+
+//# sourceMappingURL=popover-body.js.map

package/dist/components/overlays/popover/popover-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-body.js","names":[],"sources":["../../../../src/components/overlays/popover/popover-body.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type PopoverBodyProps = useRender.ComponentProps<'div'>;\n\n/**\n * Conteúdo principal do popover. O respiro vem de `--popover-padding`, declarado no `Popover.Popup`.\n * Rola quando o popup chega ao teto de altura (ver `popoverPopupVariants`).\n */\nexport const PopoverBody = (props: PopoverBodyProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Popover.Body',\n    className: mergeTwClassNames(\n      [\n        'flex-1',\n        // Sem o `min-h-0`, o item flex não encolhe abaixo do conteúdo, e o popup vaza da tela.\n        'min-h-0',\n        'overflow-y-auto',\n\n        'p-(--popover-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPopoverBody.displayName = 'Popover.Body';\n"],"mappings":";;;;;;;AASA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,YAAY,cAAc"}

package/dist/components/overlays/popover/popover-close.d.ts

@@ -0,0 +1,13 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-close.d.ts
+export type PopoverCloseProps = Popover.Close.Props;
+export type PopoverCloseState = Popover.Close.State;
+/**
+ * Botão que fecha o popover. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const PopoverClose: {
+  (props: PopoverCloseProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-close.d.ts.map

package/dist/components/overlays/popover/popover-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-close.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-close.tsx"],"mappings":";;YAGY,oBAAoBA,QAAY,MAAM;YAEtC,oBAAoBA,QAAY,MAAM;;;;qBAKrC;GAAuB,OAAA,oCAAiB,IAAA"}