@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

package/dist/components/overlays/alert-dialog/alert-dialog-popup.js

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAlertDialogContext } from "./use-alert-dialog-context.js";
+import { alertDialogPopupVariants } from "./alert-dialog-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-popup.tsx
+/**
+* Caixa do alert dialog, com `role="alertdialog"`, na largura do `size` do `AlertDialog.Root`.
+*
+* Ao abrir, o foco vai para o primeiro elemento focável: com só os botões no `Footer`, o primeiro
+* deles. Ponha a ação que não destrói ("Cancelar") antes da destrutiva, para um `Enter` dado sem
+* ler não confirmar.
+*/
+const AlertDialogPopup = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useAlertDialogContext();
+	return /* @__PURE__ */ jsx(AlertDialog.Popup, {
+		"data-component": "AlertDialog.Popup",
+		className: mergeStateClassNames(alertDialogPopupVariants({ size }), className),
+		...rest
+	});
+};
+AlertDialogPopup.displayName = "AlertDialog.Popup";
+//#endregion
+export { AlertDialogPopup };
+
+//# sourceMappingURL=alert-dialog-popup.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-popup.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-popup.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\nimport { alertDialogPopupVariants } from './alert-dialog-popup-variants';\nimport { useAlertDialogContext } from './use-alert-dialog-context';\n\nexport type AlertDialogPopupProps = BaseAlertDialog.Popup.Props;\n\nexport type AlertDialogPopupState = BaseAlertDialog.Popup.State;\n\n/**\n * Caixa do alert dialog, com `role=\"alertdialog\"`, na largura do `size` do `AlertDialog.Root`.\n *\n * Ao abrir, o foco vai para o primeiro elemento focável: com só os botões no `Footer`, o primeiro\n * deles. Ponha a ação que não destrói (\"Cancelar\") antes da destrutiva, para um `Enter` dado sem\n * ler não confirmar.\n */\nexport const AlertDialogPopup = (props: AlertDialogPopupProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useAlertDialogContext();\n\n  return (\n    <BaseAlertDialog.Popup\n      data-component=\"AlertDialog.Popup\"\n      className={mergeStateClassNames(\n        alertDialogPopupVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogPopup.displayName = 'AlertDialog.Popup';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,sBAAsB;CAEvC,OACE,oBAACA,YAAgB,OAAjB;EACE,kBAAe;EACf,WAAW,qBACT,yBAAyB,EAAE,KAAK,CAAC,GACjC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-portal.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-portal.d.ts
+export type AlertDialogPortalProps = AlertDialog.Portal.Props;
+export type AlertDialogPortalState = AlertDialog.Portal.State;
+/**
+ * Leva o alert dialog para o fim do `body`, fora do contexto de empilhamento da página.
+ */
+export declare const AlertDialogPortal: {
+  (props: AlertDialogPortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-portal.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-portal.tsx"],"mappings":";;YAEY,yBAAyBA,YAAgB,OAAO;YAEhD,yBAAyBA,YAAgB,OAAO;;;;qBAK/C;GAA4B,OAAA,yCAAsB,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-portal.js

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

package/dist/components/overlays/alert-dialog/alert-dialog-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-portal.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-portal.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\n\nexport type AlertDialogPortalProps = BaseAlertDialog.Portal.Props;\n\nexport type AlertDialogPortalState = BaseAlertDialog.Portal.State;\n\n/**\n * Leva o alert dialog para o fim do `body`, fora do contexto de empilhamento da página.\n */\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return (\n    <BaseAlertDialog.Portal\n      data-component=\"AlertDialog.Portal\"\n      {...props}\n    />\n  );\n};\n\nAlertDialogPortal.displayName = 'AlertDialog.Portal';\n"],"mappings":";;;;;;AASA,MAAa,qBAAqB,UAAkC;CAClE,OACE,oBAACA,YAAgB,QAAjB;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-root.d.ts

@@ -0,0 +1,43 @@
+import { AlertDialogVariants } from "./use-alert-dialog-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-root.d.ts
+export type AlertDialogRootProps<Payload = unknown> = MergeOverride<AlertDialog.Root.Props<Payload>, AlertDialogVariants>;
+export type AlertDialogRootState = AlertDialog.Root.State;
+export type AlertDialogRootActions = AlertDialog.Root.Actions;
+export type AlertDialogRootChangeEventDetails = AlertDialog.Root.ChangeEventDetails;
+export type AlertDialogRootChangeEventReason = AlertDialog.Root.ChangeEventReason;
+/**
+ * Estado do alert dialog. Não renderiza elemento.
+ *
+ * Pede uma resposta antes de seguir: é sempre modal, e o clique fora não fecha. Fecha pelo
+ * `Close` e pelo `Esc`. Para um formulário ou um conteúdo que se pode dispensar, use o `Dialog`.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog.Root>
+ *   <AlertDialog.Trigger render={<Button />}>Excluir pedido</AlertDialog.Trigger>
+ *   <AlertDialog.Portal>
+ *     <AlertDialog.Backdrop />
+ *     <AlertDialog.Viewport>
+ *       <AlertDialog.Popup>
+ *         <AlertDialog.Header>
+ *           <AlertDialog.Title>Excluir o pedido 4821?</AlertDialog.Title>
+ *           <AlertDialog.Description>Os itens voltam para o estoque.</AlertDialog.Description>
+ *         </AlertDialog.Header>
+ *         <AlertDialog.Footer>
+ *           <AlertDialog.Close render={<Button variant="outline" />}>Cancelar</AlertDialog.Close>
+ *           <Button colorScheme="red">Excluir</Button>
+ *         </AlertDialog.Footer>
+ *       </AlertDialog.Popup>
+ *     </AlertDialog.Viewport>
+ *   </AlertDialog.Portal>
+ * </AlertDialog.Root>
+ * ```
+ */
+export declare const AlertDialogRoot: {
+  <Payload extends unknown = unknown>(props: AlertDialogRootProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-root.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-root.tsx"],"mappings":";;;;YAWY,qBAAqB,qBAAqB,cACpDA,YAAgB,KAAK,MAAM,UAC3B;YAGU,uBAAuBA,YAAgB,KAAK;YAE5C,yBAAyBA,YAAgB,KAAK;YAE9C,oCACVA,YAAgB,KAAK;YAEX,mCACVA,YAAgB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAgCV;GAAmB,mCAAO,OAC9B,qBAAqB,2BAAQ,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-root.js

@@ -0,0 +1,46 @@
+import { AlertDialogContextProvider } from "./use-alert-dialog-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Estado do alert dialog. Não renderiza elemento.
+*
+* Pede uma resposta antes de seguir: é sempre modal, e o clique fora não fecha. Fecha pelo
+* `Close` e pelo `Esc`. Para um formulário ou um conteúdo que se pode dispensar, use o `Dialog`.
+*
+* @example
+* ```tsx
+* <AlertDialog.Root>
+*   <AlertDialog.Trigger render={<Button />}>Excluir pedido</AlertDialog.Trigger>
+*   <AlertDialog.Portal>
+*     <AlertDialog.Backdrop />
+*     <AlertDialog.Viewport>
+*       <AlertDialog.Popup>
+*         <AlertDialog.Header>
+*           <AlertDialog.Title>Excluir o pedido 4821?</AlertDialog.Title>
+*           <AlertDialog.Description>Os itens voltam para o estoque.</AlertDialog.Description>
+*         </AlertDialog.Header>
+*         <AlertDialog.Footer>
+*           <AlertDialog.Close render={<Button variant="outline" />}>Cancelar</AlertDialog.Close>
+*           <Button colorScheme="red">Excluir</Button>
+*         </AlertDialog.Footer>
+*       </AlertDialog.Popup>
+*     </AlertDialog.Viewport>
+*   </AlertDialog.Portal>
+* </AlertDialog.Root>
+* ```
+*/
+const AlertDialogRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["size"]);
+	return /* @__PURE__ */ jsx(AlertDialogContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(AlertDialog.Root, { ...elementProps })
+	});
+};
+AlertDialogRoot.displayName = "AlertDialog.Root";
+//#endregion
+export { AlertDialogRoot };
+
+//# sourceMappingURL=alert-dialog-root.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-root.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-root.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport {\n  type AnyType,\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/utils';\nimport {\n  AlertDialogContextProvider,\n  type AlertDialogVariants,\n} from './use-alert-dialog-context';\n\nexport type AlertDialogRootProps<Payload = unknown> = MergeOverride<\n  BaseAlertDialog.Root.Props<Payload>,\n  AlertDialogVariants\n>;\n\nexport type AlertDialogRootState = BaseAlertDialog.Root.State;\n\nexport type AlertDialogRootActions = BaseAlertDialog.Root.Actions;\n\nexport type AlertDialogRootChangeEventDetails =\n  BaseAlertDialog.Root.ChangeEventDetails;\n\nexport type AlertDialogRootChangeEventReason =\n  BaseAlertDialog.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<AlertDialogVariants>();\n\n/**\n * Estado do alert dialog. Não renderiza elemento.\n *\n * Pede uma resposta antes de seguir: é sempre modal, e o clique fora não fecha. Fecha pelo\n * `Close` e pelo `Esc`. Para um formulário ou um conteúdo que se pode dispensar, use o `Dialog`.\n *\n * @example\n * ```tsx\n * <AlertDialog.Root>\n *   <AlertDialog.Trigger render={<Button />}>Excluir pedido</AlertDialog.Trigger>\n *   <AlertDialog.Portal>\n *     <AlertDialog.Backdrop />\n *     <AlertDialog.Viewport>\n *       <AlertDialog.Popup>\n *         <AlertDialog.Header>\n *           <AlertDialog.Title>Excluir o pedido 4821?</AlertDialog.Title>\n *           <AlertDialog.Description>Os itens voltam para o estoque.</AlertDialog.Description>\n *         </AlertDialog.Header>\n *         <AlertDialog.Footer>\n *           <AlertDialog.Close render={<Button variant=\"outline\" />}>Cancelar</AlertDialog.Close>\n *           <Button colorScheme=\"red\">Excluir</Button>\n *         </AlertDialog.Footer>\n *       </AlertDialog.Popup>\n *     </AlertDialog.Viewport>\n *   </AlertDialog.Portal>\n * </AlertDialog.Root>\n * ```\n */\nexport const AlertDialogRoot = <Payload extends AnyType = unknown>(\n  props: AlertDialogRootProps<Payload>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['size']);\n\n  return (\n    <AlertDialogContextProvider value={variantProps}>\n      <BaseAlertDialog.Root {...elementProps} />\n    </AlertDialogContextProvider>\n  );\n};\n\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n"],"mappings":";;;;;AA0BA,MAAM,oBAAoB,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BhE,MAAa,mBACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,MAAM,CAAC;CAEtE,OACE,oBAAC,4BAAD;EAA4B,OAAO;EACjC,UAAA,oBAACA,YAAgB,MAAjB,EAAsB,GAAI,aAAe,CAAA;CACf,CAAA;AAEhC;AAEA,gBAAgB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-title.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-title.d.ts
+export type AlertDialogTitleProps = AlertDialog.Title.Props;
+export type AlertDialogTitleState = AlertDialog.Title.State;
+/**
+ * Título do alert dialog, um `h2` ligado ao popup por `aria-labelledby`. Diga a pergunta ou a
+ * consequência ("Excluir o pedido 4821?"), não só a ação.
+ *
+ * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const AlertDialogTitle: {
+  (props: AlertDialogTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-title.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-title.tsx"],"mappings":";;YAGY,wBAAwBA,YAAgB,MAAM;YAE9C,wBAAwBA,YAAgB,MAAM;;;;;;;;qBAS7C;GAA2B,OAAA,wCAAqB,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-title.js

@@ -0,0 +1,30 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-title.tsx
+/**
+* Título do alert dialog, um `h2` ligado ao popup por `aria-labelledby`. Diga a pergunta ou a
+* consequência ("Excluir o pedido 4821?"), não só a ação.
+*
+* Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+* explicado lá.
+*/
+const AlertDialogTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-component": "AlertDialog.Title",
+		className: mergeStateClassNames([
+			"text-base",
+			"leading-6",
+			"font-medium",
+			"text-gray-12",
+			"text-balance"
+		], className),
+		...rest
+	});
+};
+AlertDialogTitle.displayName = "AlertDialog.Title";
+//#endregion
+export { AlertDialogTitle };
+
+//# sourceMappingURL=alert-dialog-title.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-title.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-title.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogTitleProps = BaseAlertDialog.Title.Props;\n\nexport type AlertDialogTitleState = BaseAlertDialog.Title.State;\n\n/**\n * Título do alert dialog, um `h2` ligado ao popup por `aria-labelledby`. Diga a pergunta ou a\n * consequência (\"Excluir o pedido 4821?\"), não só a ação.\n *\n * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Title\n      data-component=\"AlertDialog.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-base',\n          'leading-6',\n          'font-medium',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,OAAjB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-trigger.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-trigger.d.ts
+export type AlertDialogTriggerProps<Payload = unknown> = AlertDialog.Trigger.Props<Payload>;
+export type AlertDialogTriggerState = AlertDialog.Trigger.State;
+/**
+ * Elemento que abre o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const AlertDialogTrigger: {
+  <Payload extends unknown = unknown>(props: AlertDialogTriggerProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-trigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-trigger.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-trigger.tsx"],"mappings":";;YAIY,wBAAwB,qBAClCA,YAAgB,QAAQ,MAAM;YAEpB,0BAA0BA,YAAgB,QAAQ;;;;qBAKjD;GAAsB,mCAAO,OACjC,wBAAwB,2BAAQ,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-trigger.js

@@ -0,0 +1,20 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-trigger.tsx
+/**
+* Elemento que abre o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.
+*/
+const AlertDialogTrigger = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		"data-component": "AlertDialog.Trigger",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+AlertDialogTrigger.displayName = "AlertDialog.Trigger";
+//#endregion
+export { AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog-trigger.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-trigger.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-trigger.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport type { AnyType } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogTriggerProps<Payload = unknown> =\n  BaseAlertDialog.Trigger.Props<Payload>;\n\nexport type AlertDialogTriggerState = BaseAlertDialog.Trigger.State;\n\n/**\n * Elemento que abre o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.\n */\nexport const AlertDialogTrigger = <Payload extends AnyType = unknown>(\n  props: AlertDialogTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Trigger\n      data-component=\"AlertDialog.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n"],"mappings":";;;;;;;AAYA,MAAa,sBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,SAAjB;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-viewport.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-viewport.d.ts
+export type AlertDialogViewportProps = AlertDialog.Viewport.Props;
+export type AlertDialogViewportState = AlertDialog.Viewport.State;
+/**
+ * Camada fixa sobre a tela que centraliza o popup, com a margem que limita o popup em tela
+ * pequena. Diferente do Dialog, um clique nela, fora do popup, não fecha o alert dialog.
+ *
+ * Cópia de `DialogViewport`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const AlertDialogViewport: {
+  (props: AlertDialogViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-viewport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-viewport.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-viewport.tsx"],"mappings":";;YAGY,2BAA2BA,YAAgB,SAAS;YAEpD,2BAA2BA,YAAgB,SAAS;;;;;;;;qBASnD;GAA8B,OAAA,2CAAwB,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-viewport.js

@@ -0,0 +1,31 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-viewport.tsx
+/**
+* Camada fixa sobre a tela que centraliza o popup, com a margem que limita o popup em tela
+* pequena. Diferente do Dialog, um clique nela, fora do popup, não fecha o alert dialog.
+*
+* Cópia de `DialogViewport`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+* explicado lá.
+*/
+const AlertDialogViewport = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
+		"data-component": "AlertDialog.Viewport",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"flex",
+			"items-center",
+			"justify-center",
+			"p-4"
+		], className),
+		...rest
+	});
+};
+AlertDialogViewport.displayName = "AlertDialog.Viewport";
+//#endregion
+export { AlertDialogViewport };
+
+//# sourceMappingURL=alert-dialog-viewport.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-viewport.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-viewport.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogViewportProps = BaseAlertDialog.Viewport.Props;\n\nexport type AlertDialogViewportState = BaseAlertDialog.Viewport.State;\n\n/**\n * Camada fixa sobre a tela que centraliza o popup, com a margem que limita o popup em tela\n * pequena. Diferente do Dialog, um clique nela, fora do popup, não fecha o alert dialog.\n *\n * Cópia de `DialogViewport`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const AlertDialogViewport = (props: AlertDialogViewportProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Viewport\n      data-component=\"AlertDialog.Viewport\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n\n          'flex',\n          'items-center',\n          'justify-center',\n\n          'p-4',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogViewport.displayName = 'AlertDialog.Viewport';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,UAAjB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,oBAAoB,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/create-handle.ts"],"mappings":";;YAEY,kBAAkB,WAAWA,YAAgB,OAAO;;;;;qBAMnD,0BAA2B,cAAOA,YAAA,OAAA"}

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

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

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

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

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

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

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

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

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"}