@zag-js/toast 0.2.6 → 0.2.8

package/dist/toast-group.machine.mjs

@@ -0,0 +1,10 @@
+import {
+  groupMachine
+} from "./chunk-LOTG5P4K.mjs";
+import "./chunk-KJLVUGML.mjs";
+import "./chunk-YVYADWQR.mjs";
+import "./chunk-LOJTIJID.mjs";
+import "./chunk-SMQXX7JA.mjs";
+export {
+  groupMachine
+};

package/dist/toast.anatomy.d.ts

@@ -0,0 +1,6 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"group" | "title" | "root" | "description" | "closeTrigger">;
+declare const parts: Record<"group" | "title" | "root" | "description" | "closeTrigger", _zag_js_anatomy.AnatomyPart>;
+
+export { anatomy, parts };

package/dist/toast.anatomy.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/toast.anatomy.ts
+var toast_anatomy_exports = {};
+__export(toast_anatomy_exports, {
+  anatomy: () => anatomy,
+  parts: () => parts
+});
+module.exports = __toCommonJS(toast_anatomy_exports);
+var import_anatomy = require("@zag-js/anatomy");
+var anatomy = (0, import_anatomy.createAnatomy)("toast").parts("group", "root", "title", "description", "closeTrigger");
+var parts = anatomy.build();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  anatomy,
+  parts
+});

package/dist/toast.anatomy.mjs

@@ -0,0 +1,8 @@
+import {
+  anatomy,
+  parts
+} from "./chunk-GQHI2OMI.mjs";
+export {
+  anatomy,
+  parts
+};

package/dist/toast.connect.d.ts

@@ -0,0 +1,23 @@
+import { State, Send, Type, Placement } from './toast.types.js';
+import { PropTypes, NormalizeProps } from '@zag-js/types';
+import '@zag-js/core';
+
+declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
+    type: Type;
+    title: string | undefined;
+    description: string | undefined;
+    placement: Placement;
+    isVisible: boolean;
+    isPaused: boolean;
+    isRtl: boolean;
+    pause(): void;
+    resume(): void;
+    dismiss(): void;
+    rootProps: T["element"];
+    titleProps: T["element"];
+    descriptionProps: T["element"];
+    closeTriggerProps: T["button"];
+    render(): any;
+};
+
+export { connect };

package/dist/toast.connect.js

@@ -0,0 +1,194 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/toast.connect.ts
+var toast_connect_exports = {};
+__export(toast_connect_exports, {
+  connect: () => connect
+});
+module.exports = __toCommonJS(toast_connect_exports);
+
+// ../../utilities/dom/src/attrs.ts
+var dataAttr = (guard) => {
+  return guard ? "" : void 0;
+};
+
+// ../../utilities/dom/src/query.ts
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  if (isDocument(el))
+    return el;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function defineDomHelpers(helpers) {
+  const dom2 = {
+    getRootNode: (ctx) => {
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
+    },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
+    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+  };
+  return {
+    ...dom2,
+    ...helpers
+  };
+}
+
+// src/toast.anatomy.ts
+var import_anatomy = require("@zag-js/anatomy");
+var anatomy = (0, import_anatomy.createAnatomy)("toast").parts("group", "root", "title", "description", "closeTrigger");
+var parts = anatomy.build();
+
+// src/toast.dom.ts
+var dom = defineDomHelpers({
+  getGroupId: (placement) => `toast-group:${placement}`,
+  getRootId: (ctx) => `toast:${ctx.id}`,
+  getTitleId: (ctx) => `toast:${ctx.id}:title`,
+  getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
+  getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
+  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
+  createPortalEl: (ctx) => {
+    const existing = dom.getPortalEl(ctx);
+    if (existing)
+      return existing;
+    const portal = dom.getDoc(ctx).createElement("toast-portal");
+    portal.id = dom.getPortalId(ctx);
+    return portal;
+  }
+});
+
+// src/toast.connect.ts
+function connect(state, send, normalize) {
+  const isVisible = state.hasTag("visible");
+  const isPaused = state.hasTag("paused");
+  const pauseOnInteraction = state.context.pauseOnInteraction;
+  const placement = state.context.placement;
+  return {
+    type: state.context.type,
+    title: state.context.title,
+    description: state.context.description,
+    placement,
+    isVisible,
+    isPaused,
+    isRtl: state.context.dir === "rtl",
+    pause() {
+      send("PAUSE");
+    },
+    resume() {
+      send("RESUME");
+    },
+    dismiss() {
+      send("DISMISS");
+    },
+    rootProps: normalize.element({
+      ...parts.root.attrs,
+      dir: state.context.dir,
+      id: dom.getRootId(state.context),
+      "data-open": dataAttr(isVisible),
+      "data-type": state.context.type,
+      "data-placement": placement,
+      role: "status",
+      "aria-atomic": "true",
+      tabIndex: 0,
+      style: {
+        position: "relative",
+        pointerEvents: "auto",
+        margin: "calc(var(--toast-gutter) / 2)",
+        "--remove-delay": `${state.context.removeDelay}ms`,
+        "--duration": `${state.context.duration}ms`
+      },
+      onKeyDown(event) {
+        if (event.key == "Escape") {
+          send("DISMISS");
+          event.preventDefault();
+        }
+      },
+      onFocus() {
+        if (pauseOnInteraction) {
+          send("PAUSE");
+        }
+      },
+      onBlur() {
+        if (pauseOnInteraction) {
+          send("RESUME");
+        }
+      },
+      onPointerEnter() {
+        if (pauseOnInteraction) {
+          send("PAUSE");
+        }
+      },
+      onPointerLeave() {
+        if (pauseOnInteraction) {
+          send("RESUME");
+        }
+      }
+    }),
+    titleProps: normalize.element({
+      ...parts.title.attrs,
+      id: dom.getTitleId(state.context)
+    }),
+    descriptionProps: normalize.element({
+      ...parts.description.attrs,
+      id: dom.getDescriptionId(state.context)
+    }),
+    closeTriggerProps: normalize.button({
+      id: dom.getCloseTriggerId(state.context),
+      ...parts.closeTrigger.attrs,
+      type: "button",
+      "aria-label": "Dismiss notification",
+      onClick() {
+        send("DISMISS");
+      }
+    }),
+    render() {
+      var _a, _b;
+      return (_b = (_a = state.context).render) == null ? void 0 : _b.call(_a, {
+        id: state.context.id,
+        type: state.context.type,
+        duration: state.context.duration,
+        title: state.context.title,
+        placement: state.context.placement,
+        description: state.context.description,
+        dismiss() {
+          send("DISMISS");
+        }
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  connect
+});

package/dist/toast.connect.mjs

@@ -0,0 +1,8 @@
+import {
+  connect
+} from "./chunk-EMY6MMVS.mjs";
+import "./chunk-GQHI2OMI.mjs";
+import "./chunk-SMQXX7JA.mjs";
+export {
+  connect
+};

package/dist/toast.dom.d.ts

@@ -0,0 +1,32 @@
+import { Placement, MachineContext, GroupMachineContext } from './toast.types.js';
+import '@zag-js/core';
+import '@zag-js/types';
+
+declare const dom: {
+    getRootNode: (ctx: {
+        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
+    }) => Document | ShadowRoot;
+    getDoc: (ctx: {
+        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
+    }) => Document;
+    getWin: (ctx: {
+        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
+    }) => Window & typeof globalThis;
+    getActiveElement: (ctx: {
+        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
+    }) => HTMLElement | null;
+    getById: <T = HTMLElement>(ctx: {
+        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
+    }, id: string) => T | null;
+} & {
+    getGroupId: (placement: Placement) => string;
+    getRootId: (ctx: MachineContext) => string;
+    getTitleId: (ctx: MachineContext) => string;
+    getDescriptionId: (ctx: MachineContext) => string;
+    getCloseTriggerId: (ctx: MachineContext) => string;
+    getPortalId: (ctx: GroupMachineContext) => string;
+    getPortalEl: (ctx: GroupMachineContext) => HTMLElement | null;
+    createPortalEl: (ctx: GroupMachineContext) => HTMLElement;
+};
+
+export { dom };

package/dist/toast.dom.js

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/toast.dom.ts
+var toast_dom_exports = {};
+__export(toast_dom_exports, {
+  dom: () => dom
+});
+module.exports = __toCommonJS(toast_dom_exports);
+
+// ../../utilities/dom/src/query.ts
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  if (isDocument(el))
+    return el;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function defineDomHelpers(helpers) {
+  const dom2 = {
+    getRootNode: (ctx) => {
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
+    },
+    getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
+    getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+  };
+  return {
+    ...dom2,
+    ...helpers
+  };
+}
+
+// src/toast.dom.ts
+var dom = defineDomHelpers({
+  getGroupId: (placement) => `toast-group:${placement}`,
+  getRootId: (ctx) => `toast:${ctx.id}`,
+  getTitleId: (ctx) => `toast:${ctx.id}:title`,
+  getDescriptionId: (ctx) => `toast:${ctx.id}:description`,
+  getCloseTriggerId: (ctx) => `toast${ctx.id}:close`,
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
+  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
+  createPortalEl: (ctx) => {
+    const existing = dom.getPortalEl(ctx);
+    if (existing)
+      return existing;
+    const portal = dom.getDoc(ctx).createElement("toast-portal");
+    portal.id = dom.getPortalId(ctx);
+    return portal;
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dom
+});

package/dist/toast.dom.mjs

@@ -0,0 +1,6 @@
+import {
+  dom
+} from "./chunk-SMQXX7JA.mjs";
+export {
+  dom
+};

package/dist/toast.machine.d.ts

@@ -0,0 +1,7 @@
+import * as _zag_js_core from '@zag-js/core';
+import { Options, MachineContext, MachineState } from './toast.types.js';
+import '@zag-js/types';
+
+declare function createToastMachine(options?: Options): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+
+export { createToastMachine };