@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

package/dist/components/overlays/alert-dialog/index.parts.d.ts

@@ -0,0 +1,20 @@
+import { AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogBackdropState } from "./alert-dialog-backdrop.js";
+import { AlertDialogBody, AlertDialogBodyProps } from "./alert-dialog-body.js";
+import { AlertDialogClose, AlertDialogCloseProps, AlertDialogCloseState } from "./alert-dialog-close.js";
+import { AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogDescriptionState } from "./alert-dialog-description.js";
+import { AlertDialogFooter, AlertDialogFooterProps } from "./alert-dialog-footer.js";
+import { AlertDialogHeader, AlertDialogHeaderProps } from "./alert-dialog-header.js";
+import { AlertDialogPopup, AlertDialogPopupProps, AlertDialogPopupState } from "./alert-dialog-popup.js";
+import { AlertDialogPortal, AlertDialogPortalProps, AlertDialogPortalState } from "./alert-dialog-portal.js";
+import { AlertDialogVariants } from "./use-alert-dialog-context.js";
+import { AlertDialogRoot, AlertDialogRootActions, AlertDialogRootChangeEventDetails, AlertDialogRootChangeEventReason, AlertDialogRootProps, AlertDialogRootState } from "./alert-dialog-root.js";
+import { AlertDialogTitle, AlertDialogTitleProps, AlertDialogTitleState } from "./alert-dialog-title.js";
+import { AlertDialogTrigger, AlertDialogTriggerProps, AlertDialogTriggerState } from "./alert-dialog-trigger.js";
+import { AlertDialogViewport, AlertDialogViewportProps, AlertDialogViewportState } from "./alert-dialog-viewport.js";
+import { AlertDialogHandle, createAlertDialogHandle } from "./create-handle.js";
+declare namespace index_parts_d_exports {
+  export { AlertDialogBackdrop as Backdrop, AlertDialogBackdropProps as BackdropProps, AlertDialogBackdropState as BackdropState, AlertDialogBody as Body, AlertDialogBodyProps as BodyProps, AlertDialogClose as Close, AlertDialogCloseProps as CloseProps, AlertDialogCloseState as CloseState, AlertDialogDescription as Description, AlertDialogDescriptionProps as DescriptionProps, AlertDialogDescriptionState as DescriptionState, AlertDialogFooter as Footer, AlertDialogFooterProps as FooterProps, AlertDialogHandle as Handle, AlertDialogHeader as Header, AlertDialogHeaderProps as HeaderProps, AlertDialogPopup as Popup, AlertDialogPopupProps as PopupProps, AlertDialogPopupState as PopupState, AlertDialogPortal as Portal, AlertDialogPortalProps as PortalProps, AlertDialogPortalState as PortalState, AlertDialogRoot as Root, AlertDialogRootActions as RootActions, AlertDialogRootChangeEventDetails as RootChangeEventDetails, AlertDialogRootChangeEventReason as RootChangeEventReason, AlertDialogRootProps as RootProps, AlertDialogRootState as RootState, AlertDialogTitle as Title, AlertDialogTitleProps as TitleProps, AlertDialogTitleState as TitleState, AlertDialogTrigger as Trigger, AlertDialogTriggerProps as TriggerProps, AlertDialogTriggerState as TriggerState, AlertDialogVariants as Variants, AlertDialogViewport as Viewport, AlertDialogViewportProps as ViewportProps, AlertDialogViewportState as ViewportState, createAlertDialogHandle as createHandle };
+}
+//#endregion
+export { AlertDialogBackdrop as Backdrop, type AlertDialogBackdropProps as BackdropProps, type AlertDialogBackdropState as BackdropState, AlertDialogBody as Body, type AlertDialogBodyProps as BodyProps, AlertDialogClose as Close, type AlertDialogCloseProps as CloseProps, type AlertDialogCloseState as CloseState, AlertDialogDescription as Description, type AlertDialogDescriptionProps as DescriptionProps, type AlertDialogDescriptionState as DescriptionState, AlertDialogFooter as Footer, type AlertDialogFooterProps as FooterProps, type AlertDialogHandle as Handle, AlertDialogHeader as Header, type AlertDialogHeaderProps as HeaderProps, AlertDialogPopup as Popup, type AlertDialogPopupProps as PopupProps, type AlertDialogPopupState as PopupState, AlertDialogPortal as Portal, type AlertDialogPortalProps as PortalProps, type AlertDialogPortalState as PortalState, AlertDialogRoot as Root, type AlertDialogRootActions as RootActions, type AlertDialogRootChangeEventDetails as RootChangeEventDetails, type AlertDialogRootChangeEventReason as RootChangeEventReason, type AlertDialogRootProps as RootProps, type AlertDialogRootState as RootState, AlertDialogTitle as Title, type AlertDialogTitleProps as TitleProps, type AlertDialogTitleState as TitleState, AlertDialogTrigger as Trigger, type AlertDialogTriggerProps as TriggerProps, type AlertDialogTriggerState as TriggerState, type AlertDialogVariants as Variants, AlertDialogViewport as Viewport, type AlertDialogViewportProps as ViewportProps, type AlertDialogViewportState as ViewportState, createAlertDialogHandle as createHandle, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/overlays/alert-dialog/index.parts.d.ts.map

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

package/dist/components/overlays/alert-dialog/index.parts.js

@@ -0,0 +1,34 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { AlertDialogBackdrop } from "./alert-dialog-backdrop.js";
+import { AlertDialogBody } from "./alert-dialog-body.js";
+import { AlertDialogClose } from "./alert-dialog-close.js";
+import { AlertDialogDescription } from "./alert-dialog-description.js";
+import { AlertDialogFooter } from "./alert-dialog-footer.js";
+import { AlertDialogHeader } from "./alert-dialog-header.js";
+import { AlertDialogPopup } from "./alert-dialog-popup.js";
+import { AlertDialogPortal } from "./alert-dialog-portal.js";
+import { AlertDialogRoot } from "./alert-dialog-root.js";
+import { AlertDialogTitle } from "./alert-dialog-title.js";
+import { AlertDialogTrigger } from "./alert-dialog-trigger.js";
+import { AlertDialogViewport } from "./alert-dialog-viewport.js";
+import { createAlertDialogHandle } from "./create-handle.js";
+//#region src/components/overlays/alert-dialog/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => AlertDialogBackdrop,
+	Body: () => AlertDialogBody,
+	Close: () => AlertDialogClose,
+	Description: () => AlertDialogDescription,
+	Footer: () => AlertDialogFooter,
+	Header: () => AlertDialogHeader,
+	Popup: () => AlertDialogPopup,
+	Portal: () => AlertDialogPortal,
+	Root: () => AlertDialogRoot,
+	Title: () => AlertDialogTitle,
+	Trigger: () => AlertDialogTrigger,
+	Viewport: () => AlertDialogViewport,
+	createHandle: () => createAlertDialogHandle
+});
+//#endregion
+export { AlertDialogBackdrop as Backdrop, AlertDialogBody as Body, AlertDialogClose as Close, AlertDialogDescription as Description, AlertDialogFooter as Footer, AlertDialogHeader as Header, AlertDialogPopup as Popup, AlertDialogPortal as Portal, AlertDialogRoot as Root, AlertDialogTitle as Title, AlertDialogTrigger as Trigger, AlertDialogViewport as Viewport, createAlertDialogHandle as createHandle, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/overlays/alert-dialog/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/alert-dialog/index.parts.ts"],"sourcesContent":["export { AlertDialogBackdrop as Backdrop } from './alert-dialog-backdrop';\nexport { AlertDialogBody as Body } from './alert-dialog-body';\nexport { AlertDialogClose as Close } from './alert-dialog-close';\nexport { AlertDialogDescription as Description } from './alert-dialog-description';\nexport { AlertDialogFooter as Footer } from './alert-dialog-footer';\nexport { AlertDialogHeader as Header } from './alert-dialog-header';\nexport { AlertDialogPopup as Popup } from './alert-dialog-popup';\nexport { AlertDialogPortal as Portal } from './alert-dialog-portal';\nexport { AlertDialogRoot as Root } from './alert-dialog-root';\nexport { AlertDialogTitle as Title } from './alert-dialog-title';\nexport { AlertDialogTrigger as Trigger } from './alert-dialog-trigger';\nexport { AlertDialogViewport as Viewport } from './alert-dialog-viewport';\nexport { createAlertDialogHandle as createHandle } from './create-handle';\n\n/* types */\n\nexport type {\n  AlertDialogBackdropProps as BackdropProps,\n  AlertDialogBackdropState as BackdropState,\n} from './alert-dialog-backdrop';\nexport type { AlertDialogBodyProps as BodyProps } from './alert-dialog-body';\nexport type {\n  AlertDialogCloseProps as CloseProps,\n  AlertDialogCloseState as CloseState,\n} from './alert-dialog-close';\nexport type {\n  AlertDialogDescriptionProps as DescriptionProps,\n  AlertDialogDescriptionState as DescriptionState,\n} from './alert-dialog-description';\nexport type { AlertDialogFooterProps as FooterProps } from './alert-dialog-footer';\nexport type { AlertDialogHeaderProps as HeaderProps } from './alert-dialog-header';\nexport type {\n  AlertDialogPopupProps as PopupProps,\n  AlertDialogPopupState as PopupState,\n} from './alert-dialog-popup';\nexport type {\n  AlertDialogPortalProps as PortalProps,\n  AlertDialogPortalState as PortalState,\n} from './alert-dialog-portal';\nexport type {\n  AlertDialogRootActions as RootActions,\n  AlertDialogRootChangeEventDetails as RootChangeEventDetails,\n  AlertDialogRootChangeEventReason as RootChangeEventReason,\n  AlertDialogRootProps as RootProps,\n  AlertDialogRootState as RootState,\n} from './alert-dialog-root';\nexport type {\n  AlertDialogTitleProps as TitleProps,\n  AlertDialogTitleState as TitleState,\n} from './alert-dialog-title';\nexport type {\n  AlertDialogTriggerProps as TriggerProps,\n  AlertDialogTriggerState as TriggerState,\n} from './alert-dialog-trigger';\nexport type {\n  AlertDialogViewportProps as ViewportProps,\n  AlertDialogViewportState as ViewportState,\n} from './alert-dialog-viewport';\nexport type { AlertDialogHandle as Handle } from './create-handle';\nexport type { AlertDialogVariants as Variants } from './use-alert-dialog-context';\n"],"mappings":""}

package/dist/components/overlays/alert-dialog/use-alert-dialog-context.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/overlays/alert-dialog/use-alert-dialog-context.d.ts
+/**
+ * Variantes do AlertDialog. Informadas no `AlertDialog.Root` e repassadas às partes por contexto.
+ */
+export type AlertDialogVariants = {
+  /**
+   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).
+   * O `full` ocupa toda a área do `AlertDialog.Viewport`, na largura e na altura. Em tela menor
+   * que a largura, o popup ocupa a da tela menos a margem do viewport.
+   *
+   * @default 'md'
+   */
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+};
+export declare const alertDialogDefaultVariants: Required<AlertDialogVariants>;
+export declare const AlertDialogContextProvider: import("react").Provider<AlertDialogVariants>, useAlertDialogContext: () => AlertDialogVariants;
+//#endregion
+//# sourceMappingURL=use-alert-dialog-context.d.ts.map

package/dist/components/overlays/alert-dialog/use-alert-dialog-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-alert-dialog-context.d.ts","names":[],"sources":["../../../../src/components/overlays/alert-dialog/use-alert-dialog-context.ts"],"mappings":";;;;YAKY;;;;;;;;EAQV;;qBAeW,4BAA4B,SAAS;qBAIpC,4CAA0B,SAAA,sBAAE,6BAAqB"}

package/dist/components/overlays/alert-dialog/use-alert-dialog-context.js

@@ -0,0 +1,11 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/overlays/alert-dialog/use-alert-dialog-context.ts
+const alertDialogDefaultVariants = { size: "md" };
+const [AlertDialogContextProvider, useAlertDialogContext] = createContext({
+	name: "AlertDialogContext",
+	providers: ["AlertDialog.Root"]
+});
+//#endregion
+export { AlertDialogContextProvider, alertDialogDefaultVariants, useAlertDialogContext };
+
+//# sourceMappingURL=use-alert-dialog-context.js.map

package/dist/components/overlays/alert-dialog/use-alert-dialog-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-alert-dialog-context.js","names":[],"sources":["../../../../src/components/overlays/alert-dialog/use-alert-dialog-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do AlertDialog. Informadas no `AlertDialog.Root` e repassadas às partes por contexto.\n */\nexport type AlertDialogVariants = {\n  /**\n   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).\n   * O `full` ocupa toda a área do `AlertDialog.Viewport`, na largura e na altura. Em tela menor\n   * que a largura, o popup ocupa a da tela menos a margem do viewport.\n   *\n   * @default 'md'\n   */\n  size?:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl'\n    | '7xl'\n    | 'full';\n};\n\nexport const alertDialogDefaultVariants: Required<AlertDialogVariants> = {\n  size: 'md',\n};\n\nexport const [AlertDialogContextProvider, useAlertDialogContext] =\n  createContext<AlertDialogVariants>({\n    name: 'AlertDialogContext',\n    providers: ['AlertDialog.Root'],\n  });\n"],"mappings":";;AA4BA,MAAa,6BAA4D,EACvE,MAAM,KACR;AAEA,MAAa,CAAC,4BAA4B,yBACxC,cAAmC;CACjC,MAAM;CACN,WAAW,CAAC,kBAAkB;AAChC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/create-handle.ts"],"mappings":";;YAEY,aAAa,WAAWA,OAAW,OAAO;;;;;qBAMzC,qBAAsB,cAAOA,OAAA,OAAA"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-backdrop.d.ts
+export type DialogBackdropProps = Dialog.Backdrop.Props;
+export type DialogBackdropState = Dialog.Backdrop.State;
+/**
+ * Camada atrás do popup que cobre e escurece a página. Num dialog aninhado, o Base UI não a
+ * renderiza (a não ser com `forceRender`): quem escurece é o popup de baixo.
+ *
+ * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
+ * de `overlays`).
+ */
+export declare const DialogBackdrop: {
+  (props: DialogBackdropProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-backdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-backdrop.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-backdrop.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;;;;qBASzC;GAAyB,OAAA,sCAAmB,IAAA"}

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

@@ -0,0 +1,37 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página. Num dialog aninhado, o Base UI não a
+* renderiza (a não ser com `forceRender`): quem escurece é o popup de baixo.
+*
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
+* de `overlays`).
+*/
+const DialogBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-component": "Dialog.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
+	});
+};
+DialogBackdrop.displayName = "Dialog.Backdrop";
+//#endregion
+export { DialogBackdrop };
+
+//# sourceMappingURL=dialog-backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-backdrop.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-backdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogBackdropProps = BaseDialog.Backdrop.Props;\n\nexport type DialogBackdropState = BaseDialog.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página. Num dialog aninhado, o Base UI não a\n * renderiza (a não ser com `forceRender`): quem escurece é o popup de baixo.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README\n * de `overlays`).\n */\nexport const DialogBackdrop = (props: DialogBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Backdrop\n      data-component=\"Dialog.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\nDialogBackdrop.displayName = 'Dialog.Backdrop';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;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,eAAe,cAAc"}

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

@@ -0,0 +1,26 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-body.d.ts
+export type DialogBodyProps = useRender.ComponentProps<'div'>;
+/**
+ * Conteúdo principal do dialog. Quando o popup chega à altura do `Dialog.Viewport`, só o `Body`
+ * rola, e `Header` e `Footer` continuam visíveis.
+ *
+ * O padding de uma área que rola rola junto com o conteúdo. Por isso o `Body` tem só 8px em cima
+ * e embaixo, e o resto do espaço entre as partes fica no `Header` (8px embaixo) e no `Footer`
+ * (8px em cima), que não rolam: parado, o espaço é de 16px; rolando, o conteúdo some 8px antes
+ * do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do
+ * dialog daquele lado.
+ *
+ * Cópia de `CardBody` (tabela no README de `display`). As diferenças: lê `--dialog-padding`, rola
+ * por dentro (`min-h-0`, `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.
+ *
+ * Origem do `AlertDialog.Body` e do `Drawer.Body`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogBody: {
+  (props: DialogBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-body.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-body.tsx"],"mappings":";;YAGY,kBAAkB,UAAU;;;;;;;;;;;;;;;;;;qBAmB3B;GAAqB,OAAA,kCAAe,+CAAA"}

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

@@ -0,0 +1,47 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-body.tsx
+/**
+* Conteúdo principal do dialog. Quando o popup chega à altura do `Dialog.Viewport`, só o `Body`
+* rola, e `Header` e `Footer` continuam visíveis.
+*
+* O padding de uma área que rola rola junto com o conteúdo. Por isso o `Body` tem só 8px em cima
+* e embaixo, e o resto do espaço entre as partes fica no `Header` (8px embaixo) e no `Footer`
+* (8px em cima), que não rolam: parado, o espaço é de 16px; rolando, o conteúdo some 8px antes
+* do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do
+* dialog daquele lado.
+*
+* Cópia de `CardBody` (tabela no README de `display`). As diferenças: lê `--dialog-padding`, rola
+* por dentro (`min-h-0`, `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.
+*
+* Origem do `AlertDialog.Body` e do `Drawer.Body`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogBody = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Dialog.Body",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-1",
+			"flex-col",
+			"min-h-0",
+			"overflow-y-auto",
+			"px-(--dialog-padding)",
+			"py-2",
+			"first:pt-(--dialog-padding)",
+			"[&:not(:has(~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DialogBody.displayName = "Dialog.Body";
+//#endregion
+export { DialogBody };
+
+//# sourceMappingURL=dialog-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-body.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogBodyProps = useRender.ComponentProps<'div'>;\n\n/**\n * Conteúdo principal do dialog. Quando o popup chega à altura do `Dialog.Viewport`, só o `Body`\n * rola, e `Header` e `Footer` continuam visíveis.\n *\n * O padding de uma área que rola rola junto com o conteúdo. Por isso o `Body` tem só 8px em cima\n * e embaixo, e o resto do espaço entre as partes fica no `Header` (8px embaixo) e no `Footer`\n * (8px em cima), que não rolam: parado, o espaço é de 16px; rolando, o conteúdo some 8px antes\n * do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do\n * dialog daquele lado.\n *\n * Cópia de `CardBody` (tabela no README de `display`). As diferenças: lê `--dialog-padding`, rola\n * por dentro (`min-h-0`, `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.\n *\n * Origem do `AlertDialog.Body` e do `Drawer.Body`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Body',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-1',\n        'flex-col',\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        'px-(--dialog-padding)',\n        'py-2',\n        'first:pt-(--dialog-padding)',\n        // Por irmão, e não por `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogBody.displayName = 'Dialog.Body';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-close.d.ts
+export type DialogCloseProps = Dialog.Close.Props;
+export type DialogCloseState = Dialog.Close.State;
+/**
+ * Botão que fecha o dialog. Sem estilo próprio; passe um botão da lib em `render`, como um
+ * `CloseButton` no canto do `Header` ou um `Button` no `Footer`.
+ */
+export declare const DialogClose: {
+  (props: DialogCloseProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-close.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-close.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;qBAMnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/overlays/dialog/dialog-close.js

@@ -0,0 +1,21 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-close.tsx
+/**
+* Botão que fecha o dialog. Sem estilo próprio; passe um botão da lib em `render`, como um
+* `CloseButton` no canto do `Header` ou um `Button` no `Footer`.
+*/
+const DialogClose = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-component": "Dialog.Close",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+DialogClose.displayName = "Dialog.Close";
+//#endregion
+export { DialogClose };
+
+//# sourceMappingURL=dialog-close.js.map

package/dist/components/overlays/dialog/dialog-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-close.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-close.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogCloseProps = BaseDialog.Close.Props;\n\nexport type DialogCloseState = BaseDialog.Close.State;\n\n/**\n * Botão que fecha o dialog. Sem estilo próprio; passe um botão da lib em `render`, como um\n * `CloseButton` no canto do `Header` ou um `Button` no `Footer`.\n */\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Close\n      data-component=\"Dialog.Close\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nDialogClose.displayName = 'Dialog.Close';\n"],"mappings":";;;;;;;;AAWA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

package/dist/components/overlays/dialog/dialog-description.d.ts

@@ -0,0 +1,19 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-description.d.ts
+export type DialogDescriptionProps = Dialog.Description.Props;
+export type DialogDescriptionState = Dialog.Description.State;
+/**
+ * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.
+ *
+ * Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.
+ *
+ * Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogDescription: {
+  (props: DialogDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-description.d.ts.map

package/dist/components/overlays/dialog/dialog-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-description.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-description.tsx"],"mappings":";;YAGY,yBAAyBA,OAAW,YAAY;YAEhD,yBAAyBA,OAAW,YAAY;;;;;;;;;;qBAW/C;GAA4B,OAAA,yCAAsB,IAAA"}

package/dist/components/overlays/dialog/dialog-description.js

@@ -0,0 +1,31 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-description.tsx
+/**
+* Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.
+*
+* Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.
+*
+* Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogDescription = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-component": "Dialog.Description",
+		className: mergeStateClassNames([
+			"text-sm",
+			"leading-5",
+			"text-gray-11",
+			"text-pretty"
+		], className),
+		...rest
+	});
+};
+DialogDescription.displayName = "Dialog.Description";
+//#endregion
+export { DialogDescription };
+
+//# sourceMappingURL=dialog-description.js.map

package/dist/components/overlays/dialog/dialog-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-description.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-description.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogDescriptionProps = BaseDialog.Description.Props;\n\nexport type DialogDescriptionState = BaseDialog.Description.State;\n\n/**\n * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.\n *\n * Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.\n *\n * Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Description\n      data-component=\"Dialog.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,aAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/components/overlays/dialog/dialog-footer.d.ts

@@ -0,0 +1,20 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-footer.d.ts
+export type DialogFooterProps = useRender.ComponentProps<'div'>;
+/**
+ * Linha de ações na base do dialog, alinhadas à direita.
+ *
+ * Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,
+ * alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`
+ * (ver `DialogBody`).
+ *
+ * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogFooter: {
+  (props: DialogFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-footer.d.ts.map

package/dist/components/overlays/dialog/dialog-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-footer.tsx"],"mappings":";;YAGY,oBAAoB,UAAU;;;;;;;;;;;;qBAa7B;GAAuB,OAAA,oCAAiB,+CAAA"}

package/dist/components/overlays/dialog/dialog-footer.js

@@ -0,0 +1,40 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-footer.tsx
+/**
+* Linha de ações na base do dialog, alinhadas à direita.
+*
+* Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,
+* alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`
+* (ver `DialogBody`).
+*
+* Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogFooter = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Dialog.Footer",
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"justify-end",
+			"gap-2",
+			"px-(--dialog-padding)",
+			"pt-2",
+			"pb-(--dialog-padding)",
+			"first:pt-(--dialog-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DialogFooter.displayName = "Dialog.Footer";
+//#endregion
+export { DialogFooter };
+
+//# sourceMappingURL=dialog-footer.js.map

package/dist/components/overlays/dialog/dialog-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do dialog, alinhadas à direita.\n *\n * Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,\n * alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`\n * (ver `DialogBody`).\n *\n * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--dialog-padding)',\n        'pt-2',\n        'pb-(--dialog-padding)',\n        // Abrindo o dialog, fecha o respiro de cima.\n        'first:pt-(--dialog-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogFooter.displayName = 'Dialog.Footer';\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/overlays/dialog/dialog-header.d.ts

@@ -0,0 +1,20 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-header.d.ts
+export type DialogHeaderProps = useRender.ComponentProps<'div'>;
+/**
+ * Topo do dialog, onde ficam título e descrição.
+ *
+ * Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de
+ * `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver
+ * `DialogBody`).
+ *
+ * Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogHeader: {
+  (props: DialogHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-header.d.ts.map

package/dist/components/overlays/dialog/dialog-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-header.tsx"],"mappings":";;YAGY,oBAAoB,UAAU;;;;;;;;;;;;qBAa7B;GAAuB,OAAA,oCAAiB,+CAAA"}

package/dist/components/overlays/dialog/dialog-header.js

@@ -0,0 +1,39 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/dialog/dialog-header.tsx
+/**
+* Topo do dialog, onde ficam título e descrição.
+*
+* Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de
+* `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver
+* `DialogBody`).
+*
+* Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogHeader = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Dialog.Header",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-col",
+			"gap-0.5",
+			"px-(--dialog-padding)",
+			"pt-(--dialog-padding)",
+			"pb-2",
+			"[&:not(:has(~[data-component='Dialog.Body'],~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DialogHeader.displayName = "Dialog.Header";
+//#endregion
+export { DialogHeader };
+
+//# sourceMappingURL=dialog-header.js.map

package/dist/components/overlays/dialog/dialog-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do dialog, onde ficam título e descrição.\n *\n * Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de\n * `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver\n * `DialogBody`).\n *\n * Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--dialog-padding)',\n        'pt-(--dialog-padding)',\n        'pb-2',\n        // Sem `Body` nem `Footer` depois, fecha o respiro do dialog embaixo. Por irmão, e não por\n        // `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Body'],~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogHeader.displayName = 'Dialog.Header';\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAGA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/overlays/dialog/dialog-popup-variants.d.ts

@@ -0,0 +1,27 @@
+//#region src/components/overlays/dialog/dialog-popup-variants.d.ts
+/**
+ * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
+ * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+ * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;
+ * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;
+ * - `rounded-md` e `shadow-lg`;
+ * - o aninhamento, abaixo.
+ *
+ * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o
+ * título e a descrição: o `size` do Dialog é a largura, e um Dialog largo não ganha título maior.
+ *
+ * Com outro Dialog aberto sobre ele, o Base UI marca o popup com `data-nested-dialog-open` e
+ * escreve em `--nested-dialogs` quantos estão abertos à frente. O popup de trás encolhe, sobe 24px
+ * por nível e escurece (pelo `::after`), porque o Dialog aninhado não renderiza backdrop: cada
+ * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o
+ * cobre por inteiro, porque os dois ficam centralizados.
+ *
+ * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const dialogPopupVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=dialog-popup-variants.d.ts.map

package/dist/components/overlays/dialog/dialog-popup-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-popup-variants.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-popup-variants.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;qBAwBa,sBAAmB;;6CA0E/B"}