@pittorica/alert-dialog-react 0.22.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Davide Di Criscito
+
+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

@@ -0,0 +1,72 @@
+# @pittorica/alert-dialog-react
+
+The `AlertDialog` component is used to interrupt the user with a mandatory confirmation or action. It is built on top of the `Dialog` component.
+
+## Installation
+
+```bash
+npm install @pittorica/alert-dialog-react
+```
+
+You will also need to install the core `pittorica` package which contains the CSS, and its dependencies.
+
+```bash
+npm install pittorica @pittorica/dialog-react @pittorica/button-react
+```
+
+## Usage
+
+```jsx
+import { useState } from 'react';
+import { AlertDialog } from '@pittorica/alert-dialog-react';
+import {
+  DialogActions,
+  DialogDescription,
+  DialogTitle,
+} from '@pittorica/dialog-react';
+import { Button } from '@pittorica/button-react';
+import 'pittorica/reset';
+import 'pittorica/tokens';
+
+function DeleteAccount() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button variant="tonal" color="red" onClick={() => setOpen(true)}>
+        Delete Account
+      </Button>
+
+      <AlertDialog open={open} onClose={() => setOpen(false)}>
+        <DialogTitle color="red">Are you absolutely sure?</DialogTitle>
+        <DialogDescription>
+          This action cannot be undone. This will permanently delete your
+          account and remove your data from our servers.
+        </DialogDescription>
+        <DialogActions>
+          <Button variant="text" color="slate" onClick={() => setOpen(false)}>
+            Cancel
+          </Button>
+          <Button variant="filled" color="red" onClick={() => setOpen(false)}>
+            Yes, delete account
+          </Button>
+        </DialogActions>
+      </AlertDialog>
+    </>
+  );
+}
+```
+
+## API Reference
+
+The `AlertDialog` component is a wrapper around the `Dialog` component. By default, it sets `closeOnOverlayClick` and `closeOnEsc` to `false` to enforce user interaction.
+
+It accepts all the same props as the `Dialog` component. For a full list of available props, see the [`@pittorica/dialog-react` documentation](../dialog/README.md).
+
+## License
+
+This project is licensed under the MIT License.
+
+**Copyright (c) 2025 Davide Di Criscito**
+
+For the full details, see the [LICENSE](LICENSE) file.

package/dist/AlertDialog.d.ts

@@ -0,0 +1,3 @@
+import { type DialogProps } from '@pittorica/dialog-react';
+export declare const AlertDialog: ({ open, onClose, children, className, appearance, closeOnOverlayClick, closeOnEsc, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../src/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,eAAO,MAAM,WAAW,GAAI,sFAQzB,WAAW,4CAwBb,CAAC"}

package/dist/AlertDialog.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AlertDialog } from './AlertDialog.js';
+declare const meta: Meta<typeof AlertDialog>;
+export default meta;
+type Story = StoryObj<typeof AlertDialog>;
+export declare const Destructive: Story;
+export declare const ForcedInteraction: Story;
+//# sourceMappingURL=AlertDialog.stories.d.ts.map

package/dist/AlertDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../src/AlertDialog.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAalC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC"}

package/dist/AlertDialog.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @vitest-environment jsdom
+ */
+import '@testing-library/jest-dom';
+//# sourceMappingURL=AlertDialog.test.d.ts.map

package/dist/AlertDialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.test.d.ts","sourceRoot":"","sources":["../src/AlertDialog.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,2BAA2B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { AlertDialog } from './AlertDialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}