@glob-ui/alert-dialog 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/alert-dialog
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A modal that asks the user to confirm a decision. The backdrop does not close it; the user answers with Cancel or the action.
+
+## Install
+
+```bash
+pnpm add @glob-ui/alert-dialog
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Alert dialog](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/components/alert-dialog.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import * as _glob_ui_dialog from '@glob-ui/dialog';
+import { DialogProps, DialogCloseProps, DialogContentBaseProps, DialogDescription, DialogFooterProps, DialogHeader, DialogTitle, DialogTrigger } from '@glob-ui/dialog';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertDialogProps = Omit<DialogProps, "closeOnOutsideClick">;
+/**
+ * A Dialog for a decision the user must make. The backdrop does not close it, so the user answers
+ * with Cancel or the action (Escape still closes it, as the WAI-ARIA alertdialog pattern allows).
+ */
+declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogHeader: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+type AlertDialogTriggerProps = React.ComponentProps<typeof DialogTrigger>;
+type AlertDialogHeaderProps = React.ComponentProps<typeof DialogHeader>;
+type AlertDialogTitleProps = React.ComponentProps<typeof DialogTitle>;
+type AlertDialogDescriptionProps = React.ComponentProps<typeof DialogDescription>;
+type AlertDialogFooterProps = DialogFooterProps;
+type AlertDialogContentProps = DialogContentBaseProps;
+declare const AlertDialogContent: react.ForwardRefExoticComponent<DialogContentBaseProps & react.RefAttributes<HTMLDialogElement>>;
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<DialogFooterProps & react.RefAttributes<HTMLDivElement>>;
+type AlertDialogCancelProps = DialogCloseProps;
+/** The safe option. It takes the initial focus. */
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogActionProps extends DialogCloseProps {
+    /** `danger` for destructive actions (delete, remove, revoke). */
+    variant?: "primary" | "danger";
+}
+/**
+ * Confirms the decision and closes the dialog. Call `event.preventDefault()` in `onClick` to keep it
+ * open, for example while an async action runs.
+ */
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import * as _glob_ui_dialog from '@glob-ui/dialog';
+import { DialogProps, DialogCloseProps, DialogContentBaseProps, DialogDescription, DialogFooterProps, DialogHeader, DialogTitle, DialogTrigger } from '@glob-ui/dialog';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertDialogProps = Omit<DialogProps, "closeOnOutsideClick">;
+/**
+ * A Dialog for a decision the user must make. The backdrop does not close it, so the user answers
+ * with Cancel or the action (Escape still closes it, as the WAI-ARIA alertdialog pattern allows).
+ */
+declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogHeader: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<_glob_ui_dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+type AlertDialogTriggerProps = React.ComponentProps<typeof DialogTrigger>;
+type AlertDialogHeaderProps = React.ComponentProps<typeof DialogHeader>;
+type AlertDialogTitleProps = React.ComponentProps<typeof DialogTitle>;
+type AlertDialogDescriptionProps = React.ComponentProps<typeof DialogDescription>;
+type AlertDialogFooterProps = DialogFooterProps;
+type AlertDialogContentProps = DialogContentBaseProps;
+declare const AlertDialogContent: react.ForwardRefExoticComponent<DialogContentBaseProps & react.RefAttributes<HTMLDialogElement>>;
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<DialogFooterProps & react.RefAttributes<HTMLDivElement>>;
+type AlertDialogCancelProps = DialogCloseProps;
+/** The safe option. It takes the initial focus. */
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogActionProps extends DialogCloseProps {
+    /** `danger` for destructive actions (delete, remove, revoke). */
+    variant?: "primary" | "danger";
+}
+/**
+ * Confirms the decision and closes the dialog. Call `event.preventDefault()` in `onClick` to keep it
+ * open, for example while an async action runs.
+ */
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/index.js

@@ -0,0 +1,137 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/alert-dialog.tsx
+var import_react = require("react");
+var import_utils = require("@glob-ui/utils");
+var import_button = require("@glob-ui/button");
+var import_dialog = require("@glob-ui/dialog");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AlertDialog(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, __spreadProps(__spreadValues({}, props), { closeOnOutsideClick: false }));
+}
+AlertDialog.displayName = "AlertDialog";
+var AlertDialogTrigger = import_dialog.DialogTrigger;
+var AlertDialogHeader = import_dialog.DialogHeader;
+var AlertDialogTitle = import_dialog.DialogTitle;
+var AlertDialogDescription = import_dialog.DialogDescription;
+var AlertDialogContent = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.DialogContentBase,
+      __spreadProps(__spreadValues({
+        ref,
+        role: "alertdialog",
+        className: (0, import_utils.cn)((0, import_dialog.dialogVariants)({ size: "sm", className }))
+      }, props), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-y-auto p-6", children })
+      })
+    );
+  }
+);
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogFooter = (0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogFooter, __spreadValues({ ref, className }, props));
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogCancel = (0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.DialogClose,
+    __spreadValues({
+      ref,
+      autoFocus: true,
+      className: (0, import_utils.cn)((0, import_button.buttonVariants)({ variant: "outline" }), className)
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = "AlertDialogCancel";
+var AlertDialogAction = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, variant = "primary" } = _b, props = __objRest(_b, ["className", "variant"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.DialogClose,
+      __spreadValues({
+        ref,
+        className: (0, import_utils.cn)((0, import_button.buttonVariants)({ variant }), className)
+      }, props)
+    );
+  }
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/alert-dialog.tsx"],"sourcesContent":["export {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogCancel,\n  AlertDialogAction,\n} from \"./alert-dialog\"\nexport type {\n  AlertDialogProps,\n  AlertDialogTriggerProps,\n  AlertDialogContentProps,\n  AlertDialogHeaderProps,\n  AlertDialogTitleProps,\n  AlertDialogDescriptionProps,\n  AlertDialogFooterProps,\n  AlertDialogCancelProps,\n  AlertDialogActionProps,\n} from \"./alert-dialog\"\n","\"use client\"\n\nimport { forwardRef } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { buttonVariants } from \"@glob-ui/button\"\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogContentBase,\n  dialogVariants,\n  type DialogContentBaseProps,\n  type DialogProps,\n  type DialogCloseProps,\n  type DialogFooterProps,\n} from \"@glob-ui/dialog\"\n\nexport type AlertDialogProps = Omit<DialogProps, \"closeOnOutsideClick\">\n\n/**\n * A Dialog for a decision the user must make. The backdrop does not close it, so the user answers\n * with Cancel or the action (Escape still closes it, as the WAI-ARIA alertdialog pattern allows).\n */\nfunction AlertDialog(props: AlertDialogProps) {\n  return <Dialog {...props} closeOnOutsideClick={false} />\n}\nAlertDialog.displayName = \"AlertDialog\"\n\nexport const AlertDialogTrigger = DialogTrigger\nexport const AlertDialogHeader = DialogHeader\nexport const AlertDialogTitle = DialogTitle\nexport const AlertDialogDescription = DialogDescription\n\nexport type AlertDialogTriggerProps = React.ComponentProps<typeof DialogTrigger>\nexport type AlertDialogHeaderProps = React.ComponentProps<typeof DialogHeader>\nexport type AlertDialogTitleProps = React.ComponentProps<typeof DialogTitle>\nexport type AlertDialogDescriptionProps = React.ComponentProps<typeof DialogDescription>\nexport type AlertDialogFooterProps = DialogFooterProps\n\nexport type AlertDialogContentProps = DialogContentBaseProps\n\nconst AlertDialogContent = forwardRef<HTMLDialogElement, AlertDialogContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <DialogContentBase\n      ref={ref}\n      role=\"alertdialog\"\n      className={cn(dialogVariants({ size: \"sm\", className }))}\n      {...props}\n    >\n      <div className=\"relative flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-y-auto p-6\">{children}</div>\n    </DialogContentBase>\n  )\n)\nAlertDialogContent.displayName = \"AlertDialogContent\"\n\nconst AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(({ className, ...props }, ref) => (\n  <DialogFooter ref={ref} className={className} {...props} />\n))\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nexport type AlertDialogCancelProps = DialogCloseProps\n\n/** The safe option. It takes the initial focus. */\nconst AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(({ className, ...props }, ref) => (\n  <DialogClose\n    ref={ref}\n    autoFocus\n    className={cn(buttonVariants({ variant: \"outline\" }), className)}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = \"AlertDialogCancel\"\n\nexport interface AlertDialogActionProps extends DialogCloseProps {\n  /** `danger` for destructive actions (delete, remove, revoke). */\n  variant?: \"primary\" | \"danger\"\n}\n\n/**\n * Confirms the decision and closes the dialog. Call `event.preventDefault()` in `onClick` to keep it\n * open, for example while an async action runs.\n */\nconst AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, variant = \"primary\", ...props }, ref) => (\n    <DialogClose\n      ref={ref}\n      className={cn(buttonVariants({ variant }), className)}\n      {...props}\n    />\n  )\n)\nAlertDialogAction.displayName = \"AlertDialogAction\"\n\nexport { AlertDialog, AlertDialogContent, AlertDialogFooter, AlertDialogCancel, AlertDialogAction }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAA2B;AAC3B,mBAAmB;AACnB,oBAA+B;AAC/B,oBAcO;AASE;AADT,SAAS,YAAY,OAAyB;AAC5C,SAAO,4CAAC,uDAAW,QAAX,EAAkB,qBAAqB,QAAO;AACxD;AACA,YAAY,cAAc;AAEnB,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB;AAC1B,IAAM,mBAAmB;AACzB,IAAM,yBAAyB;AAUtC,IAAM,yBAAqB;AAAA,EACzB,CAAC,IAAmC,QAAK;AAAxC,iBAAE,aAAW,SA9ChB,IA8CG,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,eAAW,qBAAG,8BAAe,EAAE,MAAM,MAAM,UAAU,CAAC,CAAC;AAAA,SACnD,QAJL;AAAA,QAMC,sDAAC,SAAI,WAAU,8EAA8E,UAAS;AAAA;AAAA,IACxG;AAAA;AAEJ;AACA,mBAAmB,cAAc;AAEjC,IAAM,wBAAoB,yBAAmD,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA3DhF,IA2D8E,IAAgB,kBAAhB,IAAgB,CAAd;AAC9E,qDAAC,6CAAa,KAAU,aAA0B,MAAO;AAAA,CAC1D;AACD,kBAAkB,cAAc;AAKhC,IAAM,wBAAoB,yBAAsD,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnEnF,IAmEiF,IAAgB,kBAAhB,IAAgB,CAAd;AACjF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAS;AAAA,MACT,eAAW,qBAAG,8BAAe,EAAE,SAAS,UAAU,CAAC,GAAG,SAAS;AAAA,OAC3D;AAAA,EACN;AAAA,CACD;AACD,kBAAkB,cAAc;AAWhC,IAAM,wBAAoB;AAAA,EACxB,CAAC,IAA8C,QAAK;AAAnD,iBAAE,aAAW,UAAU,UAvF1B,IAuFG,IAAqC,kBAArC,IAAqC,CAAnC,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,qBAAG,8BAAe,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,SAChD;AAAA,IACN;AAAA;AAEJ;AACA,kBAAkB,cAAc;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,115 @@
+"use client"
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/alert-dialog.tsx
+import { forwardRef } from "react";
+import { cn } from "@glob-ui/utils";
+import { buttonVariants } from "@glob-ui/button";
+import {
+  Dialog,
+  DialogTrigger,
+  DialogClose,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+  DialogContentBase,
+  dialogVariants
+} from "@glob-ui/dialog";
+import { jsx } from "react/jsx-runtime";
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsx(Dialog, __spreadProps(__spreadValues({}, props), { closeOnOutsideClick: false }));
+}
+AlertDialog.displayName = "AlertDialog";
+var AlertDialogTrigger = DialogTrigger;
+var AlertDialogHeader = DialogHeader;
+var AlertDialogTitle = DialogTitle;
+var AlertDialogDescription = DialogDescription;
+var AlertDialogContent = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    return /* @__PURE__ */ jsx(
+      DialogContentBase,
+      __spreadProps(__spreadValues({
+        ref,
+        role: "alertdialog",
+        className: cn(dialogVariants({ size: "sm", className }))
+      }, props), {
+        children: /* @__PURE__ */ jsx("div", { className: "relative flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-y-auto p-6", children })
+      })
+    );
+  }
+);
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogFooter = forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(DialogFooter, __spreadValues({ ref, className }, props));
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogCancel = forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogClose,
+    __spreadValues({
+      ref,
+      autoFocus: true,
+      className: cn(buttonVariants({ variant: "outline" }), className)
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = "AlertDialogCancel";
+var AlertDialogAction = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant = "primary" } = _b, props = __objRest(_b, ["className", "variant"]);
+    return /* @__PURE__ */ jsx(
+      DialogClose,
+      __spreadValues({
+        ref,
+        className: cn(buttonVariants({ variant }), className)
+      }, props)
+    );
+  }
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert-dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport { forwardRef } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { buttonVariants } from \"@glob-ui/button\"\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogContentBase,\n  dialogVariants,\n  type DialogContentBaseProps,\n  type DialogProps,\n  type DialogCloseProps,\n  type DialogFooterProps,\n} from \"@glob-ui/dialog\"\n\nexport type AlertDialogProps = Omit<DialogProps, \"closeOnOutsideClick\">\n\n/**\n * A Dialog for a decision the user must make. The backdrop does not close it, so the user answers\n * with Cancel or the action (Escape still closes it, as the WAI-ARIA alertdialog pattern allows).\n */\nfunction AlertDialog(props: AlertDialogProps) {\n  return <Dialog {...props} closeOnOutsideClick={false} />\n}\nAlertDialog.displayName = \"AlertDialog\"\n\nexport const AlertDialogTrigger = DialogTrigger\nexport const AlertDialogHeader = DialogHeader\nexport const AlertDialogTitle = DialogTitle\nexport const AlertDialogDescription = DialogDescription\n\nexport type AlertDialogTriggerProps = React.ComponentProps<typeof DialogTrigger>\nexport type AlertDialogHeaderProps = React.ComponentProps<typeof DialogHeader>\nexport type AlertDialogTitleProps = React.ComponentProps<typeof DialogTitle>\nexport type AlertDialogDescriptionProps = React.ComponentProps<typeof DialogDescription>\nexport type AlertDialogFooterProps = DialogFooterProps\n\nexport type AlertDialogContentProps = DialogContentBaseProps\n\nconst AlertDialogContent = forwardRef<HTMLDialogElement, AlertDialogContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <DialogContentBase\n      ref={ref}\n      role=\"alertdialog\"\n      className={cn(dialogVariants({ size: \"sm\", className }))}\n      {...props}\n    >\n      <div className=\"relative flex max-h-[calc(100dvh-2rem)] flex-col gap-4 overflow-y-auto p-6\">{children}</div>\n    </DialogContentBase>\n  )\n)\nAlertDialogContent.displayName = \"AlertDialogContent\"\n\nconst AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(({ className, ...props }, ref) => (\n  <DialogFooter ref={ref} className={className} {...props} />\n))\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nexport type AlertDialogCancelProps = DialogCloseProps\n\n/** The safe option. It takes the initial focus. */\nconst AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(({ className, ...props }, ref) => (\n  <DialogClose\n    ref={ref}\n    autoFocus\n    className={cn(buttonVariants({ variant: \"outline\" }), className)}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = \"AlertDialogCancel\"\n\nexport interface AlertDialogActionProps extends DialogCloseProps {\n  /** `danger` for destructive actions (delete, remove, revoke). */\n  variant?: \"primary\" | \"danger\"\n}\n\n/**\n * Confirms the decision and closes the dialog. Call `event.preventDefault()` in `onClick` to keep it\n * open, for example while an async action runs.\n */\nconst AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, variant = \"primary\", ...props }, ref) => (\n    <DialogClose\n      ref={ref}\n      className={cn(buttonVariants({ variant }), className)}\n      {...props}\n    />\n  )\n)\nAlertDialogAction.displayName = \"AlertDialogAction\"\n\nexport { AlertDialog, AlertDialogContent, AlertDialogFooter, AlertDialogCancel, AlertDialogAction }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AASE;AADT,SAAS,YAAY,OAAyB;AAC5C,SAAO,oBAAC,yCAAW,QAAX,EAAkB,qBAAqB,QAAO;AACxD;AACA,YAAY,cAAc;AAEnB,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB;AAC1B,IAAM,mBAAmB;AACzB,IAAM,yBAAyB;AAUtC,IAAM,qBAAqB;AAAA,EACzB,CAAC,IAAmC,QAAK;AAAxC,iBAAE,aAAW,SA9ChB,IA8CG,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW,GAAG,eAAe,EAAE,MAAM,MAAM,UAAU,CAAC,CAAC;AAAA,SACnD,QAJL;AAAA,QAMC,8BAAC,SAAI,WAAU,8EAA8E,UAAS;AAAA;AAAA,IACxG;AAAA;AAEJ;AACA,mBAAmB,cAAc;AAEjC,IAAM,oBAAoB,WAAmD,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA3DhF,IA2D8E,IAAgB,kBAAhB,IAAgB,CAAd;AAC9E,6BAAC,+BAAa,KAAU,aAA0B,MAAO;AAAA,CAC1D;AACD,kBAAkB,cAAc;AAKhC,IAAM,oBAAoB,WAAsD,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnEnF,IAmEiF,IAAgB,kBAAhB,IAAgB,CAAd;AACjF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAS;AAAA,MACT,WAAW,GAAG,eAAe,EAAE,SAAS,UAAU,CAAC,GAAG,SAAS;AAAA,OAC3D;AAAA,EACN;AAAA,CACD;AACD,kBAAkB,cAAc;AAWhC,IAAM,oBAAoB;AAAA,EACxB,CAAC,IAA8C,QAAK;AAAnD,iBAAE,aAAW,UAAU,UAvF1B,IAuFG,IAAqC,kBAArC,IAAqC,CAAnC,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,SAChD;AAAA,IACN;AAAA;AAEJ;AACA,kBAAkB,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@glob-ui/alert-dialog",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/button": "0.2.0",
+    "@glob-ui/dialog": "0.2.0",
+    "@glob-ui/utils": "0.2.0",
+    "class-variance-authority": "^0.7.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  },
+  "description": "A modal that asks the user to confirm a decision. The backdrop does not close it; the user answers with Cancel or the action.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "alert-dialog"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/alert-dialog"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }