@lit-material/confirm 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 bohdaq
+
+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,89 @@
-# Temporary Holding Version
+# @lit-material/confirm
 
-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 confirmation dialog for actions that need a second look: `await confirm({ ... })`, with a
+destructive style and an optional type-the-name-to-confirm field. Built with
+[Lit](https://lit.dev/) on [`@lit-material/dialog`](../dialog). Part of
+[lit-material](https://github.com/bohdaq/lit-material).
+
+## Install
+
+```sh
+npm install @lit-material/confirm @lit-material/tokens
+```
+
+## Usage
+
+```js
+import { confirm } from "@lit-material/confirm";
+
+if (await confirm({ headline: "Purge the cache?", message: "Entries are refetched on demand.", confirmLabel: "Purge" })) {
+  await purge();
+}
+
+const ok = await confirm({
+  headline: "Delete project web?",
+  message: "Its VMs, disks and addresses are deleted too. This can't be undone.",
+  confirmLabel: "Delete",
+  destructive: true,
+  requireText: "web",
+});
+```
+
+`confirm()` creates a `lit-material-confirm-dialog`, attaches it to `document.body` (or
+`container`), awaits it and removes it. To keep one in your markup instead:
+
+```html
+<lit-material-confirm-dialog id="purge" headline="Purge the cache?" confirm-label="Purge">
+  Entries are refetched on demand.
+</lit-material-confirm-dialog>
+
+<script type="module">
+  import "@lit-material/confirm";
+  const confirmed = await document.querySelector("#purge").show();
+</script>
+```
+
+## API
+
+### `confirm(options): Promise<boolean>`
+
+| Option | Type | Default |
+| ------ | ---- | ------- |
+| `headline` | `string` | required |
+| `message` | `string` | `""` |
+| `confirmLabel` | `string` | `"Confirm"` |
+| `cancelLabel` | `string` | `"Cancel"` |
+| `destructive` | `boolean` | `false` |
+| `requireText` | `string` | `""` (no field) |
+| `container` | `HTMLElement` | `document.body` |
+
+### `lit-material-confirm-dialog`
+
+| Property | Attribute | Type | Default |
+| -------- | --------- | ---- | ------- |
+| `headline` | `headline` | `string` | `""` |
+| `message` | `message` | `string` | `""` |
+| `confirmLabel` | `confirm-label` | `string` | `"Confirm"` |
+| `cancelLabel` | `cancel-label` | `string` | `"Cancel"` |
+| `destructive` | `destructive` | `boolean` | `false` |
+| `requireText` | `require-text` | `string` | `""` |
+| `open` | `open` | `boolean` | `false` |
+| `returnValue` | — | `"confirm" \| "cancel" \| ""` | `""` |
+
+| Method | |
+| ------ | - |
+| `show(): Promise<boolean>` | Opens it; resolves `true` on confirm, `false` on Cancel, Escape or a backdrop click. |
+| `close(confirmed = false)` | Closes it as if the visitor picked that. |
+
+The default slot replaces `message`. Fires `close` once after it closes.
+
+## Behavior
+
+Cancel gets focus when it opens, so a stray Enter doesn't confirm. With `require-text`, the field
+gets focus instead, the confirm button stays disabled until the text matches exactly, and Enter
+confirms once it does; the field is cleared every time it opens. `destructive` paints the confirm
+button in `--md-sys-color-error`.
+
+## License
+
+MIT

package/custom-elements.json

@@ -0,0 +1,338 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/confirm-dialog.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A confirmation dialog: a headline, a message, Cancel and a confirm button,\nbuilt on `lit-material-dialog`. `show()` resolves `true` when the visitor\nconfirms and `false` on Cancel, Escape or a backdrop click.\n\n`destructive` paints the confirm button in the error colour. Set\n`require-text` (say, the resource's name) and the confirm button stays\ndisabled until the visitor types it exactly — for deletes that can't be\nundone. Enter in that field confirms once it matches.\n\nFor one-off prompts, `confirm({ ... })` from this package creates one of\nthese, awaits it and removes it.",
+          "name": "LitMaterialConfirmDialog",
+          "slots": [
+            {
+              "description": "The message; overrides `message`.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "headline",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The question, e.g. \"Delete project web?\".",
+              "attribute": "headline"
+            },
+            {
+              "kind": "field",
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Supporting text under the headline.",
+              "attribute": "message"
+            },
+            {
+              "kind": "field",
+              "name": "confirmLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Confirm\"",
+              "description": "The confirm button's label.",
+              "attribute": "confirm-label"
+            },
+            {
+              "kind": "field",
+              "name": "cancelLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Cancel\"",
+              "description": "The cancel button's label.",
+              "attribute": "cancel-label"
+            },
+            {
+              "kind": "field",
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Paint the confirm button in the error colour.",
+              "attribute": "destructive"
+            },
+            {
+              "kind": "field",
+              "name": "requireText",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text the visitor must type before confirming (empty: no field).",
+              "attribute": "require-text"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dialog is open.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "returnValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "`\"confirm\"` or `\"cancel\"` once closed."
+            },
+            {
+              "kind": "field",
+              "name": "typed",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "dialog",
+              "type": {
+                "text": "LitMaterialDialog | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "resolve",
+              "type": {
+                "text": "(confirmed: boolean) => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "textMatches",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "description": "Opens the dialog; resolves `true` on confirm, `false` otherwise."
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "confirmed",
+                  "default": "false"
+                }
+              ],
+              "description": "Closes it as if the visitor picked `confirmed`."
+            },
+            {
+              "kind": "field",
+              "name": "onSubmit",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "onDialogClose",
+              "privacy": "private",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "description": "After it closes; `returnValue` is `\"confirm\"` or `\"cancel\"`.",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "headline",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The question, e.g. \"Delete project web?\".",
+              "fieldName": "headline"
+            },
+            {
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Supporting text under the headline.",
+              "fieldName": "message"
+            },
+            {
+              "name": "confirm-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Confirm\"",
+              "description": "The confirm button's label.",
+              "fieldName": "confirmLabel"
+            },
+            {
+              "name": "cancel-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Cancel\"",
+              "description": "The cancel button's label.",
+              "fieldName": "cancelLabel"
+            },
+            {
+              "name": "destructive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Paint the confirm button in the error colour.",
+              "fieldName": "destructive"
+            },
+            {
+              "name": "require-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Text the visitor must type before confirming (empty: no field).",
+              "fieldName": "requireText"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dialog is open.",
+              "fieldName": "open"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "lit-material-confirm-dialog",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LitMaterialConfirmDialog",
+          "declaration": {
+            "name": "LitMaterialConfirmDialog",
+            "module": "src/confirm-dialog.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "lit-material-confirm-dialog",
+          "declaration": {
+            "name": "LitMaterialConfirmDialog",
+            "module": "src/confirm-dialog.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/confirm.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "confirm",
+          "return": {
+            "type": {
+              "text": "Promise<boolean>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "ConfirmOptions"
+              }
+            }
+          ],
+          "description": "Asks a yes/no question in a `lit-material-confirm-dialog` and resolves\n`true` if the visitor confirms. The dialog is created for the call and\nremoved afterwards.\n\n```js\nif (await confirm({ headline: \"Delete project web?\", destructive: true, requireText: \"web\", confirmLabel: \"Delete\" })) { … }\n```"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "confirm",
+          "declaration": {
+            "name": "confirm",
+            "module": "src/confirm.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LitMaterialConfirmDialog",
+          "declaration": {
+            "name": "LitMaterialConfirmDialog",
+            "module": "./confirm-dialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "confirm",
+          "declaration": {
+            "name": "confirm",
+            "module": "./confirm.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConfirmOptions",
+          "declaration": {
+            "name": "ConfirmOptions",
+            "module": "./confirm.js"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,60 @@
+import { LitElement } from "lit";
+import "@lit-material/button";
+import "@lit-material/dialog";
+import "@lit-material/text-field";
+/**
+ * A confirmation dialog: a headline, a message, Cancel and a confirm button,
+ * built on `lit-material-dialog`. `show()` resolves `true` when the visitor
+ * confirms and `false` on Cancel, Escape or a backdrop click.
+ *
+ * `destructive` paints the confirm button in the error colour. Set
+ * `require-text` (say, the resource's name) and the confirm button stays
+ * disabled until the visitor types it exactly — for deletes that can't be
+ * undone. Enter in that field confirms once it matches.
+ *
+ * For one-off prompts, `confirm({ ... })` from this package creates one of
+ * these, awaits it and removes it.
+ *
+ * @element lit-material-confirm-dialog
+ *
+ * @slot - The message; overrides `message`.
+ *
+ * @fires close - After it closes; `returnValue` is `"confirm"` or `"cancel"`.
+ */
+export declare class LitMaterialConfirmDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** The question, e.g. "Delete project web?". */
+    headline: string;
+    /** Supporting text under the headline. */
+    message: string;
+    /** The confirm button's label. */
+    confirmLabel: string;
+    /** The cancel button's label. */
+    cancelLabel: string;
+    /** Paint the confirm button in the error colour. */
+    destructive: boolean;
+    /** Text the visitor must type before confirming (empty: no field). */
+    requireText: string;
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** `"confirm"` or `"cancel"` once closed. */
+    returnValue: string;
+    private typed;
+    private readonly dialog?;
+    private resolve?;
+    private get textMatches();
+    /** Opens the dialog; resolves `true` on confirm, `false` otherwise. */
+    show(): Promise<boolean>;
+    /** Closes it as if the visitor picked `confirmed`. */
+    close(confirmed?: boolean): void;
+    protected updated(changed: Map<string, unknown>): Promise<void>;
+    private readonly onSubmit;
+    private readonly onDialogClose;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lit-material-confirm-dialog": LitMaterialConfirmDialog;
+    }
+}
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../src/confirm-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAGlC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAoBpB;IAEF,gDAAgD;IACpC,QAAQ,SAAM;IAE1B,0CAA0C;IAC9B,OAAO,SAAM;IAEzB,kCAAkC;IACQ,YAAY,SAAa;IAEnE,iCAAiC;IACQ,WAAW,SAAY;IAEhE,oDAAoD;IACvB,WAAW,UAAS;IAEjD,sEAAsE;IAC7B,WAAW,SAAM;IAE1D,kCAAkC;IACU,IAAI,UAAS;IAEzD,6CAA6C;IACpC,WAAW,SAAM;IAEjB,OAAO,CAAC,KAAK,CAAM;IAEE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAoB;IAE1E,OAAO,CAAC,OAAO,CAAC,CAA+B;IAE/C,OAAO,KAAK,WAAW,GAEtB;IAED,uEAAuE;IACvE,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAQxB,sDAAsD;IACtD,KAAK,CAAC,SAAS,UAAQ,GAAG,IAAI;cAKL,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAW9E,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAGvB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAS5B;IAEO,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,wBAAwB,CAAC;KACzD;CACF"}

package/dist/confirm-dialog.js

@@ -0,0 +1,176 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement, nothing } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import "@lit-material/button";
+import "@lit-material/dialog";
+import "@lit-material/text-field";
+/**
+ * A confirmation dialog: a headline, a message, Cancel and a confirm button,
+ * built on `lit-material-dialog`. `show()` resolves `true` when the visitor
+ * confirms and `false` on Cancel, Escape or a backdrop click.
+ *
+ * `destructive` paints the confirm button in the error colour. Set
+ * `require-text` (say, the resource's name) and the confirm button stays
+ * disabled until the visitor types it exactly — for deletes that can't be
+ * undone. Enter in that field confirms once it matches.
+ *
+ * For one-off prompts, `confirm({ ... })` from this package creates one of
+ * these, awaits it and removes it.
+ *
+ * @element lit-material-confirm-dialog
+ *
+ * @slot - The message; overrides `message`.
+ *
+ * @fires close - After it closes; `returnValue` is `"confirm"` or `"cancel"`.
+ */
+let LitMaterialConfirmDialog = class LitMaterialConfirmDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The question, e.g. "Delete project web?". */
+        this.headline = "";
+        /** Supporting text under the headline. */
+        this.message = "";
+        /** The confirm button's label. */
+        this.confirmLabel = "Confirm";
+        /** The cancel button's label. */
+        this.cancelLabel = "Cancel";
+        /** Paint the confirm button in the error colour. */
+        this.destructive = false;
+        /** Text the visitor must type before confirming (empty: no field). */
+        this.requireText = "";
+        /** Whether the dialog is open. */
+        this.open = false;
+        /** `"confirm"` or `"cancel"` once closed. */
+        this.returnValue = "";
+        this.typed = "";
+        this.onSubmit = (event) => {
+            event.preventDefault();
+            if (this.textMatches)
+                this.close(true);
+        };
+        this.onDialogClose = (event) => {
+            // Ours replaces the inner dialog's.
+            event.stopPropagation();
+            if (!this.returnValue)
+                this.returnValue = "cancel";
+            this.open = false;
+            const resolve = this.resolve;
+            this.resolve = undefined;
+            resolve?.(this.returnValue === "confirm");
+            this.dispatchEvent(new Event("close", { bubbles: true, composed: true }));
+        };
+    }
+    static { this.styles = css `
+    :host {
+      display: contents;
+    }
+    form {
+      display: grid;
+      gap: 16px;
+    }
+    p {
+      margin: 0;
+    }
+    .destructive {
+      --md-sys-color-primary: var(--md-sys-color-error, light-dark(#b3261e, #f2b8b5));
+      --md-sys-color-on-primary: var(--md-sys-color-on-error, light-dark(#ffffff, #601410));
+    }
+    .actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 8px;
+    }
+  `; }
+    get textMatches() {
+        return this.requireText === "" || this.typed === this.requireText;
+    }
+    /** Opens the dialog; resolves `true` on confirm, `false` otherwise. */
+    show() {
+        this.resolve?.(false);
+        this.typed = "";
+        this.returnValue = "";
+        this.open = true;
+        return new Promise((resolve) => (this.resolve = resolve));
+    }
+    /** Closes it as if the visitor picked `confirmed`. */
+    close(confirmed = false) {
+        this.returnValue = confirmed ? "confirm" : "cancel";
+        this.open = false;
+    }
+    async updated(changed) {
+        if (!changed.has("open"))
+            return;
+        if (this.open) {
+            await this.dialog?.updateComplete;
+            // The safe choice gets focus, so a stray Enter doesn't confirm; with a
+            // type-to-confirm field, the field does.
+            const target = this.renderRoot.querySelector(this.requireText ? "lit-material-text-field" : ".cancel");
+            target?.focus();
+        }
+    }
+    render() {
+        return html `
+      <lit-material-dialog .open=${this.open} @close=${this.onDialogClose} @cancel=${(e) => e.stopPropagation()}>
+        <span slot="headline">${this.headline}</span>
+        <form @submit=${this.onSubmit}>
+          <slot>${this.message ? html `<p>${this.message}</p>` : nothing}</slot>
+          ${this.requireText
+            ? html `<lit-material-text-field
+                variant="outlined"
+                label=${`Type ${this.requireText} to confirm`}
+                autocomplete="off"
+                .value=${this.typed}
+                @input=${(e) => (this.typed = e.target.value)}
+              ></lit-material-text-field>`
+            : nothing}
+          <div class="actions">
+            <lit-material-button class="cancel" variant="text" @click=${() => this.close(false)}>${this.cancelLabel}</lit-material-button>
+            <lit-material-button class=${this.destructive ? "confirm destructive" : "confirm"} type="submit" ?disabled=${!this.textMatches}
+              >${this.confirmLabel}</lit-material-button
+            >
+          </div>
+        </form>
+      </lit-material-dialog>
+    `;
+    }
+};
+__decorate([
+    property()
+], LitMaterialConfirmDialog.prototype, "headline", void 0);
+__decorate([
+    property()
+], LitMaterialConfirmDialog.prototype, "message", void 0);
+__decorate([
+    property({ attribute: "confirm-label" })
+], LitMaterialConfirmDialog.prototype, "confirmLabel", void 0);
+__decorate([
+    property({ attribute: "cancel-label" })
+], LitMaterialConfirmDialog.prototype, "cancelLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMaterialConfirmDialog.prototype, "destructive", void 0);
+__decorate([
+    property({ attribute: "require-text" })
+], LitMaterialConfirmDialog.prototype, "requireText", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitMaterialConfirmDialog.prototype, "open", void 0);
+__decorate([
+    state()
+], LitMaterialConfirmDialog.prototype, "returnValue", void 0);
+__decorate([
+    state()
+], LitMaterialConfirmDialog.prototype, "typed", void 0);
+__decorate([
+    query("lit-material-dialog")
+], LitMaterialConfirmDialog.prototype, "dialog", void 0);
+LitMaterialConfirmDialog = __decorate([
+    customElement("lit-material-confirm-dialog")
+], LitMaterialConfirmDialog);
+export { LitMaterialConfirmDialog };
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["../src/confirm-dialog.ts"],"names":[],"mappings":"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"}

package/dist/confirm.d.ts

@@ -0,0 +1,22 @@
+export interface ConfirmOptions {
+    headline: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    /** Text the visitor must type before confirming. */
+    requireText?: string;
+    /** Where the dialog is attached while open (default `document.body`). */
+    container?: HTMLElement;
+}
+/**
+ * Asks a yes/no question in a `lit-material-confirm-dialog` and resolves
+ * `true` if the visitor confirms. The dialog is created for the call and
+ * removed afterwards.
+ *
+ * ```js
+ * if (await confirm({ headline: "Delete project web?", destructive: true, requireText: "web", confirmLabel: "Delete" })) { … }
+ * ```
+ */
+export declare function confirm(options: ConfirmOptions): Promise<boolean>;
+//# sourceMappingURL=confirm.d.ts.map

package/dist/confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../src/confirm.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED;;;;;;;;GAQG;AACH,wBAAsB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAcvE"}

package/dist/confirm.js

@@ -0,0 +1,29 @@
+import { LitMaterialConfirmDialog } from "./confirm-dialog.js";
+/**
+ * Asks a yes/no question in a `lit-material-confirm-dialog` and resolves
+ * `true` if the visitor confirms. The dialog is created for the call and
+ * removed afterwards.
+ *
+ * ```js
+ * if (await confirm({ headline: "Delete project web?", destructive: true, requireText: "web", confirmLabel: "Delete" })) { … }
+ * ```
+ */
+export async function confirm(options) {
+    const el = new LitMaterialConfirmDialog();
+    el.headline = options.headline;
+    el.message = options.message ?? "";
+    if (options.confirmLabel)
+        el.confirmLabel = options.confirmLabel;
+    if (options.cancelLabel)
+        el.cancelLabel = options.cancelLabel;
+    el.destructive = options.destructive ?? false;
+    el.requireText = options.requireText ?? "";
+    (options.container ?? document.body).append(el);
+    try {
+        return await el.show();
+    }
+    finally {
+        el.remove();
+    }
+}
+//# sourceMappingURL=confirm.js.map

package/dist/confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../src/confirm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,OAAuB;IACnD,MAAM,EAAE,GAAG,IAAI,wBAAwB,EAAE,CAAC;IAC1C,EAAE,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAC/B,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;IACnC,IAAI,OAAO,CAAC,YAAY;QAAE,EAAE,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IACjE,IAAI,OAAO,CAAC,WAAW;QAAE,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC9D,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,KAAK,CAAC;IAC9C,EAAE,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;IAC3C,CAAC,OAAO,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAChD,IAAI,CAAC;QACH,OAAO,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;YAAS,CAAC;QACT,EAAE,CAAC,MAAM,EAAE,CAAC;IACd,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { LitMaterialConfirmDialog } from "./confirm-dialog.js";
+export { confirm } from "./confirm.js";
+export type { ConfirmOptions } from "./confirm.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,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { LitMaterialConfirmDialog } from "./confirm-dialog.js";
+export { confirm } from "./confirm.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,67 @@
 {
   "name": "@lit-material/confirm",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Confirmation dialog for lit-material: await confirm({...}) for destructive actions, with an optional type-the-name-to-confirm field.",
+  "license": "MIT",
+  "author": {
+    "name": "bohdaq",
+    "email": "bohdaq@gmail.com",
+    "url": "https://github.com/bohdaq"
+  },
+  "homepage": "https://github.com/bohdaq/lit-material#readme",
+  "bugs": "https://github.com/bohdaq/lit-material/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/bohdaq/lit-material.git",
+    "directory": "packages/confirm"
+  },
+  "keywords": [
+    "lit",
+    "web-components",
+    "lit-material",
+    "material-design",
+    "material-design-3",
+    "confirm",
+    "dialog"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "custom-elements.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "lit": "^3.2.0",
+    "@lit-material/button": "0.1.0",
+    "@lit-material/dialog": "0.0.3",
+    "@lit-material/text-field": "0.1.2",
+    "@lit-material/tokens": "0.0.1"
+  },
+  "devDependencies": {
+    "@lit-labs/ssr": "^3.3.1",
+    "@open-wc/testing": "^4.0.0",
+    "@web/dev-server-esbuild": "^1.0.0",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.7.0"
+  },
+  "customElements": "custom-elements.json",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "web-test-runner && node --import tsx --test src/*.ssr.test.ts",
+    "analyze": "custom-elements-manifest analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --exclude \"src/**/*.ssr.test.ts\""
+  }
 }