@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,19 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-viewport.d.ts
+export type PopoverViewportProps = Popover.Viewport.Props;
+export type PopoverViewportState = Popover.Viewport.State;
+/**
+ * Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com
+ * `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.
+ *
+ * Origem do viewport dos popups: o `Tooltip.Viewport` copia estas classes (tabela no README de
+ * `overlays`). Os dois conteúdos ficam na largura do popup (`--popup-width`), para o texto que
+ * sai não quebrar de novo enquanto o popup muda de tamanho; o que entra aparece em 300ms, e o que
+ * sai some em 100ms.
+ */
+export declare const PopoverViewport: {
+  (props: PopoverViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-viewport.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+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-viewport.tsx
+/**
+* Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com
+* `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.
+*
+* Origem do viewport dos popups: o `Tooltip.Viewport` copia estas classes (tabela no README de
+* `overlays`). Os dois conteúdos ficam na largura do popup (`--popup-width`), para o texto que
+* sai não quebrar de novo enquanto o popup muda de tamanho; o que entra aparece em 300ms, e o que
+* sai some em 100ms.
+*/
+const PopoverViewport = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		"data-component": "Popover.Viewport",
+		className: mergeStateClassNames([
+			"relative",
+			"w-full",
+			"h-full",
+			"overflow-clip",
+			"data-[activation-direction~='left']:[&_[data-current][data-starting-style]]:opacity-0",
+			"data-[activation-direction~='right']:[&_[data-current][data-starting-style]]:opacity-0",
+			"**:data-current:w-(--popup-width)",
+			"**:data-current:opacity-100",
+			"not-motion-reduced:**:data-current:transition-opacity",
+			"not-motion-reduced:**:data-current:duration-300",
+			"not-motion-reduced:**:data-current:ease-enter",
+			"data-[activation-direction~='left']:[&_[data-previous][data-ending-style]]:opacity-0",
+			"data-[activation-direction~='right']:[&_[data-previous][data-ending-style]]:opacity-0",
+			"**:data-previous:w-(--popup-width)",
+			"**:data-previous:opacity-100",
+			"not-motion-reduced:**:data-previous:transition-opacity",
+			"not-motion-reduced:**:data-previous:duration-100",
+			"not-motion-reduced:**:data-previous:ease-exit"
+		], className),
+		...rest
+	});
+};
+PopoverViewport.displayName = "Popover.Viewport";
+//#endregion
+export { PopoverViewport };
+
+//# sourceMappingURL=popover-viewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-viewport.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-viewport.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverViewportProps = BasePopover.Viewport.Props;\n\nexport type PopoverViewportState = BasePopover.Viewport.State;\n\n/**\n * Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com\n * `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.\n *\n * Origem do viewport dos popups: o `Tooltip.Viewport` copia estas classes (tabela no README de\n * `overlays`). Os dois conteúdos ficam na largura do popup (`--popup-width`), para o texto que\n * sai não quebrar de novo enquanto o popup muda de tamanho; o que entra aparece em 300ms, e o que\n * sai some em 100ms.\n */\nexport const PopoverViewport = (props: PopoverViewportProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Viewport\n      data-component=\"Popover.Viewport\"\n      className={mergeStateClassNames(\n        [\n          'relative',\n\n          'w-full',\n          'h-full',\n\n          'overflow-clip',\n\n          \"data-[activation-direction~='left']:[&_[data-current][data-starting-style]]:opacity-0\",\n          \"data-[activation-direction~='right']:[&_[data-current][data-starting-style]]:opacity-0\",\n\n          '**:data-current:w-(--popup-width)',\n          '**:data-current:opacity-100',\n\n          'not-motion-reduced:**:data-current:transition-opacity',\n          'not-motion-reduced:**:data-current:duration-300',\n          'not-motion-reduced:**:data-current:ease-enter',\n\n          \"data-[activation-direction~='left']:[&_[data-previous][data-ending-style]]:opacity-0\",\n          \"data-[activation-direction~='right']:[&_[data-previous][data-ending-style]]:opacity-0\",\n\n          '**:data-previous:w-(--popup-width)',\n          '**:data-previous:opacity-100',\n\n          'not-motion-reduced:**:data-previous:transition-opacity',\n          'not-motion-reduced:**:data-previous:duration-100',\n          'not-motion-reduced:**:data-previous:ease-exit',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverViewport.displayName = 'Popover.Viewport';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,UAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { index_parts_d_exports } from "./index.parts.js";
+import { SimpleTooltip, SimpleTooltipProps } from "./simple-tooltip.js";
+export { SimpleTooltip, type SimpleTooltipProps, index_parts_d_exports as Tooltip };

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

@@ -0,0 +1,3 @@
+import { index_parts_exports } from "./index.parts.js";
+import { SimpleTooltip } from "./simple-tooltip.js";
+export { SimpleTooltip, index_parts_exports as Tooltip };

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

@@ -0,0 +1,15 @@
+import { TooltipHandle, createTooltipHandle } from "./create-handle.js";
+import { TooltipArrow, TooltipArrowProps, TooltipArrowState } from "./tooltip-arrow.js";
+import { TooltipPopup, TooltipPopupProps, TooltipPopupState } from "./tooltip-popup.js";
+import { TooltipPortal, TooltipPortalProps, TooltipPortalState } from "./tooltip-portal.js";
+import { TooltipPositioner, TooltipPositionerProps, TooltipPositionerState } from "./tooltip-positioner.js";
+import { TooltipProvider, TooltipProviderProps, TooltipProviderState } from "./tooltip-provider.js";
+import { TooltipRoot, TooltipRootActions, TooltipRootChangeEventDetails, TooltipRootChangeEventReason, TooltipRootProps, TooltipRootState } from "./tooltip-root.js";
+import { TooltipTrigger, TooltipTriggerProps, TooltipTriggerState } from "./tooltip-trigger.js";
+import { TooltipViewport, TooltipViewportProps, TooltipViewportState } from "./tooltip-viewport.js";
+declare namespace index_parts_d_exports {
+  export { TooltipArrow as Arrow, TooltipArrowProps as ArrowProps, TooltipArrowState as ArrowState, TooltipHandle as Handle, TooltipPopup as Popup, TooltipPopupProps as PopupProps, TooltipPopupState as PopupState, TooltipPortal as Portal, TooltipPortalProps as PortalProps, TooltipPortalState as PortalState, TooltipPositioner as Positioner, TooltipPositionerProps as PositionerProps, TooltipPositionerState as PositionerState, TooltipProvider as Provider, TooltipProviderProps as ProviderProps, TooltipProviderState as ProviderState, TooltipRoot as Root, TooltipRootActions as RootActions, TooltipRootChangeEventDetails as RootChangeEventDetails, TooltipRootChangeEventReason as RootChangeEventReason, TooltipRootProps as RootProps, TooltipRootState as RootState, TooltipTrigger as Trigger, TooltipTriggerProps as TriggerProps, TooltipTriggerState as TriggerState, TooltipViewport as Viewport, TooltipViewportProps as ViewportProps, TooltipViewportState as ViewportState, createTooltipHandle as createHandle };
+}
+//#endregion
+export { TooltipArrow as Arrow, type TooltipArrowProps as ArrowProps, type TooltipArrowState as ArrowState, type TooltipHandle as Handle, TooltipPopup as Popup, type TooltipPopupProps as PopupProps, type TooltipPopupState as PopupState, TooltipPortal as Portal, type TooltipPortalProps as PortalProps, type TooltipPortalState as PortalState, TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, type TooltipPositionerState as PositionerState, TooltipProvider as Provider, type TooltipProviderProps as ProviderProps, type TooltipProviderState as ProviderState, TooltipRoot as Root, type TooltipRootActions as RootActions, type TooltipRootChangeEventDetails as RootChangeEventDetails, type TooltipRootChangeEventReason as RootChangeEventReason, type TooltipRootProps as RootProps, type TooltipRootState as RootState, TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, type TooltipTriggerState as TriggerState, TooltipViewport as Viewport, type TooltipViewportProps as ViewportProps, type TooltipViewportState as ViewportState, createTooltipHandle as createHandle, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createTooltipHandle } from "./create-handle.js";
+import { TooltipArrow } from "./tooltip-arrow.js";
+import { TooltipPopup } from "./tooltip-popup.js";
+import { TooltipPortal } from "./tooltip-portal.js";
+import { TooltipPositioner } from "./tooltip-positioner.js";
+import { TooltipProvider } from "./tooltip-provider.js";
+import { TooltipRoot } from "./tooltip-root.js";
+import { TooltipTrigger } from "./tooltip-trigger.js";
+import { TooltipViewport } from "./tooltip-viewport.js";
+//#region src/components/overlays/tooltip/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => TooltipArrow,
+	Popup: () => TooltipPopup,
+	Portal: () => TooltipPortal,
+	Positioner: () => TooltipPositioner,
+	Provider: () => TooltipProvider,
+	Root: () => TooltipRoot,
+	Trigger: () => TooltipTrigger,
+	Viewport: () => TooltipViewport,
+	createHandle: () => createTooltipHandle
+});
+//#endregion
+export { TooltipArrow as Arrow, TooltipPopup as Popup, TooltipPortal as Portal, TooltipPositioner as Positioner, TooltipProvider as Provider, TooltipRoot as Root, TooltipTrigger as Trigger, TooltipViewport as Viewport, createTooltipHandle as createHandle, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/tooltip/index.parts.ts"],"sourcesContent":["export { createTooltipHandle as createHandle } from './create-handle';\nexport { TooltipArrow as Arrow } from './tooltip-arrow';\nexport { TooltipPopup as Popup } from './tooltip-popup';\nexport { TooltipPortal as Portal } from './tooltip-portal';\nexport { TooltipPositioner as Positioner } from './tooltip-positioner';\nexport { TooltipProvider as Provider } from './tooltip-provider';\nexport { TooltipRoot as Root } from './tooltip-root';\nexport { TooltipTrigger as Trigger } from './tooltip-trigger';\nexport { TooltipViewport as Viewport } from './tooltip-viewport';\n\n/* types */\n\nexport type { TooltipHandle as Handle } from './create-handle';\nexport type {\n  TooltipArrowProps as ArrowProps,\n  TooltipArrowState as ArrowState,\n} from './tooltip-arrow';\nexport type {\n  TooltipPopupProps as PopupProps,\n  TooltipPopupState as PopupState,\n} from './tooltip-popup';\nexport type {\n  TooltipPortalProps as PortalProps,\n  TooltipPortalState as PortalState,\n} from './tooltip-portal';\nexport type {\n  TooltipPositionerProps as PositionerProps,\n  TooltipPositionerState as PositionerState,\n} from './tooltip-positioner';\nexport type {\n  TooltipProviderProps as ProviderProps,\n  TooltipProviderState as ProviderState,\n} from './tooltip-provider';\nexport type {\n  TooltipRootActions as RootActions,\n  TooltipRootChangeEventDetails as RootChangeEventDetails,\n  TooltipRootChangeEventReason as RootChangeEventReason,\n  TooltipRootProps as RootProps,\n  TooltipRootState as RootState,\n} from './tooltip-root';\nexport type {\n  TooltipTriggerProps as TriggerProps,\n  TooltipTriggerState as TriggerState,\n} from './tooltip-trigger';\nexport type {\n  TooltipViewportProps as ViewportProps,\n  TooltipViewportState as ViewportState,\n} from './tooltip-viewport';\n"],"mappings":""}

package/dist/components/overlays/tooltip/simple-tooltip.d.ts

@@ -0,0 +1,59 @@
+import { TooltipRootProps } from "./tooltip-root.js";
+import React from "react";
+import { MergeOverride } from "@lucasbernardosn/utils";
+//#region src/components/overlays/tooltip/simple-tooltip.d.ts
+export type SimpleTooltipProps = MergeOverride<TooltipRootProps, {
+  /**
+   * Conteúdo da dica: um texto curto, ou texto com um atalho (`Kbd`).
+   */
+  tooltip: React.ReactNode;
+  /**
+   * Elemento que abre a dica. Recebe as props do `Tooltip.Trigger` por `render`, então precisa
+   * repassar props e `ref` ao elemento do DOM.
+   */
+  children: React.ReactElement;
+  /**
+   * Quanto esperar, em milissegundos, antes de abrir a dica no hover.
+   *
+   * @default 600
+   */
+  delay?: number;
+  /**
+   * Fecha a dica quando o trigger é clicado.
+   *
+   * @default true
+   */
+  closeOnClick?: boolean;
+  /**
+   * Quanto esperar, em milissegundos, antes de fechar a dica.
+   *
+   * @default 0
+   */
+  closeDelay?: number;
+}>;
+/**
+ * Tooltip pronto: envolve o elemento em `children` e mostra `tooltip` no hover e no foco.
+ *
+ * No toque a dica não abre: o Base UI só abre pelo hover de mouse ou caneta e pelo foco. O
+ * elemento precisa de nome acessível próprio, sem contar com a dica.
+ *
+ * Não envolve o resultado em `Tooltip.Provider`. Sem ele, cada tooltip é isolado: sair do trigger
+ * e voltar rápido (ou passar por um tooltip vizinho) espera o `delay` inteiro de novo, em vez de
+ * reabrir na hora. Para agrupar, envolva os `SimpleTooltip` num `Tooltip.Provider` no pai.
+ *
+ * @example
+ * ```tsx
+ * <SimpleTooltip tooltip="Excluir">
+ *   <IconButton
+ *     aria-label="Excluir"
+ *     icon={<TrashIcon />}
+ *   />
+ * </SimpleTooltip>
+ * ```
+ */
+export declare const SimpleTooltip: {
+  (props: SimpleTooltipProps): React.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=simple-tooltip.d.ts.map

package/dist/components/overlays/tooltip/simple-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tooltip.d.ts","names":[],"sources":["../../../../src/components/overlays/tooltip/simple-tooltip.tsx"],"mappings":";;;;YASY,qBAAqB,cAC/B;;;;EAKE,SAAS,MAAM;;;;;EAKf,UAAU,MAAM;;;;;;EAMhB;;;;;;EAMA;;;;;;EAMA;;;;;;;;;;;;;;;;;;;;;;qBA0BS;GAAwB,OAAA,qBAAkB,MAAA,IAAA"}

package/dist/components/overlays/tooltip/simple-tooltip.js

@@ -0,0 +1,58 @@
+import { TooltipArrow } from "./tooltip-arrow.js";
+import { TooltipPopup } from "./tooltip-popup.js";
+import { TooltipPortal } from "./tooltip-portal.js";
+import { TooltipPositioner } from "./tooltip-positioner.js";
+import { TooltipRoot } from "./tooltip-root.js";
+import { TooltipTrigger } from "./tooltip-trigger.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/overlays/tooltip/simple-tooltip.tsx
+const splitRootProps = createSplitProps();
+/**
+* Tooltip pronto: envolve o elemento em `children` e mostra `tooltip` no hover e no foco.
+*
+* No toque a dica não abre: o Base UI só abre pelo hover de mouse ou caneta e pelo foco. O
+* elemento precisa de nome acessível próprio, sem contar com a dica.
+*
+* Não envolve o resultado em `Tooltip.Provider`. Sem ele, cada tooltip é isolado: sair do trigger
+* e voltar rápido (ou passar por um tooltip vizinho) espera o `delay` inteiro de novo, em vez de
+* reabrir na hora. Para agrupar, envolva os `SimpleTooltip` num `Tooltip.Provider` no pai.
+*
+* @example
+* ```tsx
+* <SimpleTooltip tooltip="Excluir">
+*   <IconButton
+*     aria-label="Excluir"
+*     icon={<TrashIcon />}
+*   />
+* </SimpleTooltip>
+* ```
+*/
+const SimpleTooltip = (props) => {
+	const { children, tooltip, ...rest } = props;
+	const [rootProps, triggerProps] = splitRootProps(rest, [
+		"actionsRef",
+		"defaultOpen",
+		"defaultTriggerId",
+		"disabled",
+		"disableHoverablePopup",
+		"handle",
+		"onOpenChange",
+		"onOpenChangeComplete",
+		"open",
+		"trackCursorAxis",
+		"triggerId"
+	]);
+	return /* @__PURE__ */ jsxs(TooltipRoot, {
+		...rootProps,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			...triggerProps,
+			render: children
+		}), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsxs(TooltipPopup, { children: [/* @__PURE__ */ jsx(TooltipArrow, {}), tooltip] }) }) })]
+	});
+};
+SimpleTooltip.displayName = "SimpleTooltip";
+//#endregion
+export { SimpleTooltip };
+
+//# sourceMappingURL=simple-tooltip.js.map

package/dist/components/overlays/tooltip/simple-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tooltip.js","names":[],"sources":["../../../../src/components/overlays/tooltip/simple-tooltip.tsx"],"sourcesContent":["import { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport type React from 'react';\nimport { TooltipArrow } from './tooltip-arrow';\nimport { TooltipPopup } from './tooltip-popup';\nimport { TooltipPortal } from './tooltip-portal';\nimport { TooltipPositioner } from './tooltip-positioner';\nimport { TooltipRoot, type TooltipRootProps } from './tooltip-root';\nimport { TooltipTrigger } from './tooltip-trigger';\n\nexport type SimpleTooltipProps = MergeOverride<\n  TooltipRootProps,\n  {\n    /**\n     * Conteúdo da dica: um texto curto, ou texto com um atalho (`Kbd`).\n     */\n    tooltip: React.ReactNode;\n    /**\n     * Elemento que abre a dica. Recebe as props do `Tooltip.Trigger` por `render`, então precisa\n     * repassar props e `ref` ao elemento do DOM.\n     */\n    children: React.ReactElement;\n    /**\n     * Quanto esperar, em milissegundos, antes de abrir a dica no hover.\n     *\n     * @default 600\n     */\n    delay?: number;\n    /**\n     * Fecha a dica quando o trigger é clicado.\n     *\n     * @default true\n     */\n    closeOnClick?: boolean;\n    /**\n     * Quanto esperar, em milissegundos, antes de fechar a dica.\n     *\n     * @default 0\n     */\n    closeDelay?: number;\n  }\n>;\n\nconst splitRootProps = createSplitProps<Omit<TooltipRootProps, 'children'>>();\n\n/**\n * Tooltip pronto: envolve o elemento em `children` e mostra `tooltip` no hover e no foco.\n *\n * No toque a dica não abre: o Base UI só abre pelo hover de mouse ou caneta e pelo foco. O\n * elemento precisa de nome acessível próprio, sem contar com a dica.\n *\n * Não envolve o resultado em `Tooltip.Provider`. Sem ele, cada tooltip é isolado: sair do trigger\n * e voltar rápido (ou passar por um tooltip vizinho) espera o `delay` inteiro de novo, em vez de\n * reabrir na hora. Para agrupar, envolva os `SimpleTooltip` num `Tooltip.Provider` no pai.\n *\n * @example\n * ```tsx\n * <SimpleTooltip tooltip=\"Excluir\">\n *   <IconButton\n *     aria-label=\"Excluir\"\n *     icon={<TrashIcon />}\n *   />\n * </SimpleTooltip>\n * ```\n */\nexport const SimpleTooltip = (props: SimpleTooltipProps) => {\n  const { children, tooltip, ...rest } = props;\n\n  const [rootProps, triggerProps] = splitRootProps(rest, [\n    'actionsRef',\n    'defaultOpen',\n    'defaultTriggerId',\n    'disabled',\n    'disableHoverablePopup',\n    'handle',\n    'onOpenChange',\n    'onOpenChangeComplete',\n    'open',\n    'trackCursorAxis',\n    'triggerId',\n  ]);\n\n  return (\n    <TooltipRoot {...rootProps}>\n      <TooltipTrigger\n        {...triggerProps}\n        render={children}\n      />\n\n      <TooltipPortal>\n        <TooltipPositioner>\n          <TooltipPopup>\n            <TooltipArrow />\n            {tooltip}\n          </TooltipPopup>\n        </TooltipPositioner>\n      </TooltipPortal>\n    </TooltipRoot>\n  );\n};\n\nSimpleTooltip.displayName = 'SimpleTooltip';\n"],"mappings":";;;;;;;;;AA0CA,MAAM,iBAAiB,iBAAqD;;;;;;;;;;;;;;;;;;;;;AAsB5E,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,MAAM,CAAC,WAAW,gBAAgB,eAAe,MAAM;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,aAAD;EAAa,GAAI;EAAjB,UAAA,CACE,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;EACT,CAAA,GAED,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACd,OACW,EAAA,CAAA,EACG,CAAA,EACN,CAAA,CACJ;;AAEjB;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,18 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-arrow.d.ts
+export type TooltipArrowProps = Tooltip.Arrow.Props;
+export type TooltipArrowState = Tooltip.Arrow.State;
+/**
+ * Seta que aponta da dica para o trigger. O Base UI a posiciona e escreve o lado em
+ * `data-side`, que decide a rotação.
+ *
+ * Cópia de `PopoverArrow`, a origem da seta dos popups, onde o mecanismo está explicado. As
+ * diferenças: o tamanho fica em `--tooltip-arrow-size`, e o quadrado não tem borda, só o fundo
+ * `gray-12` da dica invertida.
+ */
+export declare const TooltipArrow: {
+  (props: TooltipArrowProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tooltip-arrow.d.ts.map

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

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

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

@@ -0,0 +1,46 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-arrow.tsx
+/**
+* Seta que aponta da dica para o trigger. O Base UI a posiciona e escreve o lado em
+* `data-side`, que decide a rotação.
+*
+* Cópia de `PopoverArrow`, a origem da seta dos popups, onde o mecanismo está explicado. As
+* diferenças: o tamanho fica em `--tooltip-arrow-size`, e o quadrado não tem borda, só o fundo
+* `gray-12` da dica invertida.
+*/
+const TooltipArrow = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		"data-component": "Tooltip.Arrow",
+		className: mergeStateClassNames([
+			"[--tooltip-arrow-size:--spacing(1.5)]",
+			"block",
+			"relative",
+			"w-[calc(var(--tooltip-arrow-size)*2)]",
+			"h-(--tooltip-arrow-size)",
+			"overflow-clip",
+			"before:content-['']",
+			"before:absolute",
+			"before:bottom-0",
+			"before:left-1/2",
+			"before:bg-gray-12",
+			"data-[side=top]:rotate-180",
+			"data-[side=left]:rotate-90",
+			"data-[side=right]:-rotate-90",
+			"data-[side=top]:-bottom-(--tooltip-arrow-size)",
+			"data-[side=bottom]:-top-(--tooltip-arrow-size)",
+			"data-[side=left]:right-[calc(var(--tooltip-arrow-size)*-1.5)]",
+			"data-[side=right]:left-[calc(var(--tooltip-arrow-size)*-1.5)]",
+			"before:size-[calc(var(--tooltip-arrow-size)*sqrt(2))]",
+			"before:transform-[translate(-50%,50%)_rotate(45deg)]"
+		], className),
+		...rest
+	});
+};
+TooltipArrow.displayName = "Tooltip.Arrow";
+//#endregion
+export { TooltipArrow };
+
+//# sourceMappingURL=tooltip-arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-arrow.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-arrow.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TooltipArrowProps = BaseTooltip.Arrow.Props;\n\nexport type TooltipArrowState = BaseTooltip.Arrow.State;\n\n/**\n * Seta que aponta da dica para o trigger. O Base UI a posiciona e escreve o lado em\n * `data-side`, que decide a rotação.\n *\n * Cópia de `PopoverArrow`, a origem da seta dos popups, onde o mecanismo está explicado. As\n * diferenças: o tamanho fica em `--tooltip-arrow-size`, e o quadrado não tem borda, só o fundo\n * `gray-12` da dica invertida.\n */\nexport const TooltipArrow = (props: TooltipArrowProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTooltip.Arrow\n      data-component=\"Tooltip.Arrow\"\n      className={mergeStateClassNames(\n        [\n          '[--tooltip-arrow-size:--spacing(1.5)]',\n\n          'block',\n\n          'relative',\n\n          'w-[calc(var(--tooltip-arrow-size)*2)]',\n          'h-(--tooltip-arrow-size)',\n\n          'overflow-clip',\n\n          \"before:content-['']\",\n          'before:absolute',\n          'before:bottom-0',\n          'before:left-1/2',\n          'before:bg-gray-12',\n          'data-[side=top]:rotate-180',\n          'data-[side=left]:rotate-90',\n          'data-[side=right]:-rotate-90',\n\n          'data-[side=top]:-bottom-(--tooltip-arrow-size)',\n          'data-[side=bottom]:-top-(--tooltip-arrow-size)',\n          'data-[side=left]:right-[calc(var(--tooltip-arrow-size)*-1.5)]',\n          'data-[side=right]:left-[calc(var(--tooltip-arrow-size)*-1.5)]',\n\n          'before:size-[calc(var(--tooltip-arrow-size)*sqrt(2))]',\n\n          'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTooltipArrow.displayName = 'Tooltip.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;GAEA;GACA;GACA;GACA;GAEA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

package/dist/components/overlays/tooltip/tooltip-popup.d.ts

@@ -0,0 +1,15 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-popup.d.ts
+export type TooltipPopupProps = Tooltip.Popup.Props;
+export type TooltipPopupState = Tooltip.Popup.State;
+/**
+ * Caixa da dica, invertida em relação à página (escura no tema claro, clara no escuro), até
+ * `max-w-xs`. Quando a mesma dica passa de um trigger a outro (com `handle`), a largura e a
+ * altura animam até as do novo conteúdo, junto com o deslize do `Tooltip.Positioner`.
+ */
+export declare const TooltipPopup: {
+  (props: TooltipPopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tooltip-popup.d.ts.map

package/dist/components/overlays/tooltip/tooltip-popup.d.ts.map

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

package/dist/components/overlays/tooltip/tooltip-popup.js

@@ -0,0 +1,52 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-popup.tsx
+/**
+* Caixa da dica, invertida em relação à página (escura no tema claro, clara no escuro), até
+* `max-w-xs`. Quando a mesma dica passa de um trigger a outro (com `handle`), a largura e a
+* altura animam até as do novo conteúdo, junto com o deslize do `Tooltip.Positioner`.
+*/
+const TooltipPopup = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		"data-component": "Tooltip.Popup",
+		className: mergeStateClassNames([
+			"relative",
+			"flex",
+			"flex-col",
+			"h-(--popup-height,auto)",
+			"w-(--popup-width,auto)",
+			"max-w-xs",
+			"[--tooltip-padding-x:--spacing(2)]",
+			"px-(--tooltip-padding-x)",
+			"py-1",
+			"rounded-sm",
+			"corner-squircle",
+			"bg-gray-12",
+			"text-gray-1",
+			"shadow-md",
+			"shadow-black/12",
+			"dark:shadow-none",
+			"text-xs",
+			"font-medium",
+			"origin-(--transform-origin)",
+			"not-motion-reduced:ease-enter",
+			"not-motion-reduced:duration-100",
+			"not-motion-reduced:transition-[width,height,scale,opacity]",
+			"not-motion-reduced:data-ending-style:ease-exit",
+			"not-motion-reduced:data-ending-style:duration-75",
+			"not-motion-reduced:data-ending-style:scale-98",
+			"not-motion-reduced:data-starting-style:scale-98",
+			"data-ending-style:opacity-0",
+			"data-starting-style:opacity-0",
+			"data-instant:transition-none"
+		], className),
+		...rest
+	});
+};
+TooltipPopup.displayName = "Tooltip.Popup";
+//#endregion
+export { TooltipPopup };
+
+//# sourceMappingURL=tooltip-popup.js.map

package/dist/components/overlays/tooltip/tooltip-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-popup.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-popup.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TooltipPopupProps = BaseTooltip.Popup.Props;\n\nexport type TooltipPopupState = BaseTooltip.Popup.State;\n\n/**\n * Caixa da dica, invertida em relação à página (escura no tema claro, clara no escuro), até\n * `max-w-xs`. Quando a mesma dica passa de um trigger a outro (com `handle`), a largura e a\n * altura animam até as do novo conteúdo, junto com o deslize do `Tooltip.Positioner`.\n */\nexport const TooltipPopup = (props: TooltipPopupProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTooltip.Popup\n      data-component=\"Tooltip.Popup\"\n      className={mergeStateClassNames(\n        [\n          'relative',\n          'flex',\n          'flex-col',\n\n          'h-(--popup-height,auto)',\n          'w-(--popup-width,auto)',\n\n          'max-w-xs',\n\n          // O `Tooltip.Viewport` desconta este padding da largura do conteúdo.\n          '[--tooltip-padding-x:--spacing(2)]',\n          'px-(--tooltip-padding-x)',\n          'py-1',\n\n          'rounded-sm',\n          'corner-squircle',\n\n          // Invertida: escura no tema claro, clara no escuro.\n          'bg-gray-12',\n          'text-gray-1',\n\n          'shadow-md',\n          'shadow-black/12',\n          'dark:shadow-none',\n\n          'text-xs',\n          'font-medium',\n\n          'origin-(--transform-origin)',\n\n          'not-motion-reduced:ease-enter',\n          'not-motion-reduced:duration-100',\n          // `scale`, não `transform`: o `scale-98` escreve a propriedade `scale`,\n          // e com `transform` só a opacidade animaria.\n          'not-motion-reduced:transition-[width,height,scale,opacity]',\n          'not-motion-reduced:data-ending-style:ease-exit',\n          'not-motion-reduced:data-ending-style:duration-75',\n\n          'not-motion-reduced:data-ending-style:scale-98',\n          'not-motion-reduced:data-starting-style:scale-98',\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n\n          'data-instant:transition-none',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTooltipPopup.displayName = 'Tooltip.Popup';\n"],"mappings":";;;;;;;;;AAYA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GAGA;GACA;GACA;GAEA;GACA;GAGA;GACA;GAEA;GACA;GACA;GAEA;GACA;GAEA;GAEA;GACA;GAGA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

package/dist/components/overlays/tooltip/tooltip-portal.d.ts

@@ -0,0 +1,13 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-portal.d.ts
+export type TooltipPortalProps = Tooltip.Portal.Props;
+export type TooltipPortalState = Tooltip.Portal.State;
+/**
+ * Leva a dica para o fim do `body`, fora do contexto de empilhamento do trigger.
+ */
+export declare const TooltipPortal: {
+  (props: TooltipPortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tooltip-portal.d.ts.map

package/dist/components/overlays/tooltip/tooltip-portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-portal.d.ts","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-portal.tsx"],"mappings":";;YAEY,qBAAqBA,QAAY,OAAO;YAExC,qBAAqBA,QAAY,OAAO;;;;qBAKvC;GAAwB,OAAA,qCAAkB,IAAA"}

package/dist/components/overlays/tooltip/tooltip-portal.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-portal.tsx
+/**
+* Leva a dica para o fim do `body`, fora do contexto de empilhamento do trigger.
+*/
+const TooltipPortal = (props) => {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, {
+		"data-component": "Tooltip.Portal",
+		...props
+	});
+};
+TooltipPortal.displayName = "Tooltip.Portal";
+//#endregion
+export { TooltipPortal };
+
+//# sourceMappingURL=tooltip-portal.js.map

package/dist/components/overlays/tooltip/tooltip-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-portal.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-portal.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\n\nexport type TooltipPortalProps = BaseTooltip.Portal.Props;\n\nexport type TooltipPortalState = BaseTooltip.Portal.State;\n\n/**\n * Leva a dica para o fim do `body`, fora do contexto de empilhamento do trigger.\n */\nexport const TooltipPortal = (props: TooltipPortalProps) => {\n  return (\n    <BaseTooltip.Portal\n      data-component=\"Tooltip.Portal\"\n      {...props}\n    />\n  );\n};\n\nTooltipPortal.displayName = 'Tooltip.Portal';\n"],"mappings":";;;;;;AASA,MAAa,iBAAiB,UAA8B;CAC1D,OACE,oBAACA,QAAY,QAAb;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/dist/components/overlays/tooltip/tooltip-positioner.d.ts

@@ -0,0 +1,17 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-positioner.d.ts
+export type TooltipPositionerProps = Tooltip.Positioner.Props;
+export type TooltipPositionerState = Tooltip.Positioner.State;
+/**
+ * Posiciona a dica junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve
+ * inline (`--positioner-width`, `--available-width`).
+ *
+ * Cópia de `PopoverPositioner`, a origem do positioner dos popups, onde o deslize entre triggers
+ * está explicado. As diferenças: `max-h-(--available-height)` e `sideOffset` de 8px.
+ */
+export declare const TooltipPositioner: {
+  (props: TooltipPositionerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tooltip-positioner.d.ts.map

package/dist/components/overlays/tooltip/tooltip-positioner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-positioner.d.ts","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-positioner.tsx"],"mappings":";;YAGY,yBAAyBA,QAAY,WAAW;YAEhD,yBAAyBA,QAAY,WAAW;;;;;;;;qBAS/C;GAA4B,OAAA,yCAAsB,IAAA"}

package/dist/components/overlays/tooltip/tooltip-positioner.js

@@ -0,0 +1,35 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-positioner.tsx
+/**
+* Posiciona a dica junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve
+* inline (`--positioner-width`, `--available-width`).
+*
+* Cópia de `PopoverPositioner`, a origem do positioner dos popups, onde o deslize entre triggers
+* está explicado. As diferenças: `max-h-(--available-height)` e `sideOffset` de 8px.
+*/
+const TooltipPositioner = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		"data-component": "Tooltip.Positioner",
+		className: mergeStateClassNames([
+			"w-(--positioner-width)",
+			"h-(--positioner-height)",
+			"max-h-(--available-height)",
+			"max-w-(--available-width)",
+			"not-motion-reduced:transition-[top,left,right,bottom,transform]",
+			"not-motion-reduced:duration-200",
+			"not-motion-reduced:ease-move",
+			"data-instant:transition-none"
+		], className),
+		sideOffset: 8,
+		collisionPadding: 12,
+		...rest
+	});
+};
+TooltipPositioner.displayName = "Tooltip.Positioner";
+//#endregion
+export { TooltipPositioner };
+
+//# sourceMappingURL=tooltip-positioner.js.map

package/dist/components/overlays/tooltip/tooltip-positioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-positioner.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-positioner.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TooltipPositionerProps = BaseTooltip.Positioner.Props;\n\nexport type TooltipPositionerState = BaseTooltip.Positioner.State;\n\n/**\n * Posiciona a dica junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve\n * inline (`--positioner-width`, `--available-width`).\n *\n * Cópia de `PopoverPositioner`, a origem do positioner dos popups, onde o deslize entre triggers\n * está explicado. As diferenças: `max-h-(--available-height)` e `sideOffset` de 8px.\n */\nexport const TooltipPositioner = (props: TooltipPositionerProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTooltip.Positioner\n      data-component=\"Tooltip.Positioner\"\n      className={mergeStateClassNames(\n        [\n          'w-(--positioner-width)',\n          'h-(--positioner-height)',\n          'max-h-(--available-height)',\n          'max-w-(--available-width)',\n\n          'not-motion-reduced:transition-[top,left,right,bottom,transform]',\n          'not-motion-reduced:duration-200',\n          'not-motion-reduced:ease-move',\n\n          'data-instant:transition-none',\n        ],\n        className,\n      )}\n      sideOffset={8}\n      collisionPadding={12}\n      {...rest}\n    />\n  );\n};\n\nTooltipPositioner.displayName = 'Tooltip.Positioner';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,YAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,YAAY;EACZ,kBAAkB;EAClB,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/components/overlays/tooltip/tooltip-provider.d.ts

@@ -0,0 +1,13 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-provider.d.ts
+export type TooltipProviderProps = Tooltip.Provider.Props;
+export type TooltipProviderState = Tooltip.Provider.State;
+/**
+ * Agrupa tooltips vizinhos: depois que um abre, os outros abrem sem esperar o `delay`.
+ */
+export declare const TooltipProvider: {
+  (props: TooltipProviderProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tooltip-provider.d.ts.map

package/dist/components/overlays/tooltip/tooltip-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-provider.d.ts","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-provider.tsx"],"mappings":";;YAEY,uBAAuBA,QAAY,SAAS;YAE5C,uBAAuBA,QAAY,SAAS;;;;qBAK3C;GAA0B,OAAA,uCAAoB,IAAA"}

package/dist/components/overlays/tooltip/tooltip-provider.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/overlays/tooltip/tooltip-provider.tsx
+/**
+* Agrupa tooltips vizinhos: depois que um abre, os outros abrem sem esperar o `delay`.
+*/
+const TooltipProvider = (props) => {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, { ...props });
+};
+TooltipProvider.displayName = "Tooltip.Provider";
+//#endregion
+export { TooltipProvider };
+
+//# sourceMappingURL=tooltip-provider.js.map

package/dist/components/overlays/tooltip/tooltip-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-provider.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-provider.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\n\nexport type TooltipProviderProps = BaseTooltip.Provider.Props;\n\nexport type TooltipProviderState = BaseTooltip.Provider.State;\n\n/**\n * Agrupa tooltips vizinhos: depois que um abre, os outros abrem sem esperar o `delay`.\n */\nexport const TooltipProvider = (props: TooltipProviderProps) => {\n  return <BaseTooltip.Provider {...props} />;\n};\n\nTooltipProvider.displayName = 'Tooltip.Provider';\n"],"mappings":";;;;;;AASA,MAAa,mBAAmB,UAAgC;CAC9D,OAAO,oBAACA,QAAY,UAAb,EAAsB,GAAI,MAAQ,CAAA;AAC3C;AAEA,gBAAgB,cAAc"}