@zag-js/tooltip 0.0.0-dev-20230201190914 → 0.0.0-dev-20230201193101

package/dist/{chunk-XEL7WA6Q.mjs → chunk-ILEFGJ44.mjs}

@@ -2,7 +2,7 @@ import {
   dom,
   getScrollParents,
   isHTMLElement
-} from "./chunk-6ELBRNM7.mjs";
+} from "./chunk-W5WZYXHV.mjs";
 import {
   store
 } from "./chunk-GQYNO326.mjs";
@@ -131,7 +131,7 @@ function machine(userContext) {
   return createMachine(
     {
       id: "tooltip",
-      initial: "unknown",
+      initial: "closed",
       context: {
         openDelay: 1e3,
         closeDelay: 500,
@@ -156,11 +156,6 @@ function machine(userContext) {
         CLOSE: "closed"
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "closed"
-          }
-        },
         closed: {
           tags: ["closed"],
           entry: ["clearGlobalId", "invokeOnClose"],
@@ -323,11 +318,8 @@ function machine(userContext) {
             ctx2.onOpen?.();
           }
         },
-        invokeOnClose(ctx2, evt) {
-          const omit = ["SETUP"];
-          if (!omit.includes(evt.type)) {
-            ctx2.onClose?.();
-          }
+        invokeOnClose(ctx2) {
+          ctx2.onClose?.();
         },
         closeIfDisabled(ctx2, _evt, { send }) {
           if (ctx2.disabled) {

package/dist/{chunk-3Z7L2VAC.mjs → chunk-V3RC3IDL.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-RRQRIZBA.mjs";
 import {
   dom
-} from "./chunk-6ELBRNM7.mjs";
+} from "./chunk-W5WZYXHV.mjs";
 import {
   store
 } from "./chunk-GQYNO326.mjs";
@@ -129,16 +129,7 @@ function connect(state, send, normalize) {
       role: "tooltip",
       style: visuallyHiddenStyle,
       children: state.context["aria-label"]
-    }),
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    }
+    })
   };
 }
 

package/dist/{chunk-6ELBRNM7.mjs → chunk-W5WZYXHV.mjs}

@@ -91,18 +91,11 @@ var dom = defineDomHelpers({
   getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
   getArrowId: (ctx) => `tooltip:${ctx.id}:arrow`,
   getPositionerId: (ctx) => `tooltip:${ctx.id}:popper`,
-  portalId: "tooltip-portal",
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
   getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx)),
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.portalId),
-  createPortalEl: (ctx) => {
-    const portal = dom.getDoc(ctx).createElement(dom.portalId);
-    portal.id = dom.portalId;
-    return portal;
-  }
+  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
 });
 
 export {

package/dist/index.js

@@ -260,18 +260,11 @@ var dom = defineDomHelpers({
   getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
   getArrowId: (ctx) => `tooltip:${ctx.id}:arrow`,
   getPositionerId: (ctx) => `tooltip:${ctx.id}:popper`,
-  portalId: "tooltip-portal",
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
   getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx)),
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.portalId),
-  createPortalEl: (ctx) => {
-    const portal = dom.getDoc(ctx).createElement(dom.portalId);
-    portal.id = dom.portalId;
-    return portal;
-  }
+  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
 });
 
 // src/tooltip.store.ts
@@ -386,16 +379,7 @@ function connect(state, send, normalize) {
       role: "tooltip",
       style: visuallyHiddenStyle,
       children: state.context["aria-label"]
-    }),
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    }
+    })
   };
 }
 
@@ -407,7 +391,7 @@ function machine(userContext) {
   return (0, import_core2.createMachine)(
     {
       id: "tooltip",
-      initial: "unknown",
+      initial: "closed",
       context: {
         openDelay: 1e3,
         closeDelay: 500,
@@ -432,11 +416,6 @@ function machine(userContext) {
         CLOSE: "closed"
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "closed"
-          }
-        },
         closed: {
           tags: ["closed"],
           entry: ["clearGlobalId", "invokeOnClose"],
@@ -599,11 +578,8 @@ function machine(userContext) {
             ctx2.onOpen?.();
           }
         },
-        invokeOnClose(ctx2, evt) {
-          const omit = ["SETUP"];
-          if (!omit.includes(evt.type)) {
-            ctx2.onClose?.();
-          }
+        invokeOnClose(ctx2) {
+          ctx2.onClose?.();
         },
         closeIfDisabled(ctx2, _evt, { send }) {
           if (ctx2.disabled) {

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   connect
-} from "./chunk-3Z7L2VAC.mjs";
+} from "./chunk-V3RC3IDL.mjs";
 import {
   anatomy
 } from "./chunk-RRQRIZBA.mjs";
 import {
   machine
-} from "./chunk-XEL7WA6Q.mjs";
-import "./chunk-6ELBRNM7.mjs";
+} from "./chunk-ILEFGJ44.mjs";
+import "./chunk-W5WZYXHV.mjs";
 import "./chunk-GQYNO326.mjs";
 export {
   anatomy,

package/dist/tooltip.connect.d.ts

@@ -17,7 +17,6 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     positionerProps: T["element"];
     contentProps: T["element"];
     labelProps: T["element"];
-    createPortal(): HTMLElement;
 };
 
 export { connect };

package/dist/tooltip.connect.js

@@ -120,24 +120,22 @@ var visuallyHiddenStyle = {
 // src/tooltip.connect.ts
 var import_popper = require("@zag-js/popper");
 
+// src/tooltip.anatomy.ts
+var import_anatomy = require("@zag-js/anatomy");
+var anatomy = (0, import_anatomy.createAnatomy)("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content", "label");
+var parts = anatomy.build();
+
 // src/tooltip.dom.ts
 var dom = defineDomHelpers({
   getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
   getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
   getArrowId: (ctx) => `tooltip:${ctx.id}:arrow`,
   getPositionerId: (ctx) => `tooltip:${ctx.id}:popper`,
-  portalId: "tooltip-portal",
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
   getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx)),
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.portalId),
-  createPortalEl: (ctx) => {
-    const portal = dom.getDoc(ctx).createElement(dom.portalId);
-    portal.id = dom.portalId;
-    return portal;
-  }
+  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
 });
 
 // src/tooltip.store.ts
@@ -151,11 +149,6 @@ var store = (0, import_core.proxy)({
   }
 });
 
-// src/tooltip.anatomy.ts
-var import_anatomy = require("@zag-js/anatomy");
-var anatomy = (0, import_anatomy.createAnatomy)("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content", "label");
-var parts = anatomy.build();
-
 // src/tooltip.connect.ts
 function connect(state, send, normalize) {
   const id = state.context.id;
@@ -257,16 +250,7 @@ function connect(state, send, normalize) {
       role: "tooltip",
       style: visuallyHiddenStyle,
       children: state.context["aria-label"]
-    }),
-    createPortal() {
-      const doc = dom.getDoc(state.context);
-      const exist = dom.getPortalEl(state.context);
-      if (exist)
-        return exist;
-      const portal = dom.createPortalEl(state.context);
-      doc.body.appendChild(portal);
-      return portal;
-    }
+    })
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/tooltip.connect.mjs

@@ -1,8 +1,8 @@
 import {
   connect
-} from "./chunk-3Z7L2VAC.mjs";
+} from "./chunk-V3RC3IDL.mjs";
 import "./chunk-RRQRIZBA.mjs";
-import "./chunk-6ELBRNM7.mjs";
+import "./chunk-W5WZYXHV.mjs";
 import "./chunk-GQYNO326.mjs";
 export {
   connect

package/dist/tooltip.dom.d.ts

@@ -24,14 +24,11 @@ declare const dom: {
     getContentId: (ctx: MachineContext) => string;
     getArrowId: (ctx: MachineContext) => string;
     getPositionerId: (ctx: MachineContext) => string;
-    portalId: string;
     getTriggerEl: (ctx: MachineContext) => HTMLElement | null;
     getContentEl: (ctx: MachineContext) => HTMLElement | null;
     getPositionerEl: (ctx: MachineContext) => HTMLElement | null;
     getArrowEl: (ctx: MachineContext) => HTMLElement | null;
     getScrollParent: (ctx: MachineContext) => HTMLElement;
-    getPortalEl: (ctx: MachineContext) => HTMLElement | null;
-    createPortalEl: (ctx: MachineContext) => HTMLElement;
 };
 
 export { dom };

package/dist/tooltip.dom.js

@@ -104,18 +104,11 @@ var dom = defineDomHelpers({
   getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
   getArrowId: (ctx) => `tooltip:${ctx.id}:arrow`,
   getPositionerId: (ctx) => `tooltip:${ctx.id}:popper`,
-  portalId: "tooltip-portal",
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
   getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx)),
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.portalId),
-  createPortalEl: (ctx) => {
-    const portal = dom.getDoc(ctx).createElement(dom.portalId);
-    portal.id = dom.portalId;
-    return portal;
-  }
+  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/tooltip.dom.mjs

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

package/dist/tooltip.machine.js

@@ -235,18 +235,11 @@ var dom = defineDomHelpers({
   getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
   getArrowId: (ctx) => `tooltip:${ctx.id}:arrow`,
   getPositionerId: (ctx) => `tooltip:${ctx.id}:popper`,
-  portalId: "tooltip-portal",
   getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
   getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
   getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
   getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx)),
-  getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.portalId),
-  createPortalEl: (ctx) => {
-    const portal = dom.getDoc(ctx).createElement(dom.portalId);
-    portal.id = dom.portalId;
-    return portal;
-  }
+  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
 });
 
 // src/tooltip.store.ts
@@ -266,7 +259,7 @@ function machine(userContext) {
   return (0, import_core2.createMachine)(
     {
       id: "tooltip",
-      initial: "unknown",
+      initial: "closed",
       context: {
         openDelay: 1e3,
         closeDelay: 500,
@@ -291,11 +284,6 @@ function machine(userContext) {
         CLOSE: "closed"
       },
       states: {
-        unknown: {
-          on: {
-            SETUP: "closed"
-          }
-        },
         closed: {
           tags: ["closed"],
           entry: ["clearGlobalId", "invokeOnClose"],
@@ -458,11 +446,8 @@ function machine(userContext) {
             ctx2.onOpen?.();
           }
         },
-        invokeOnClose(ctx2, evt) {
-          const omit = ["SETUP"];
-          if (!omit.includes(evt.type)) {
-            ctx2.onClose?.();
-          }
+        invokeOnClose(ctx2) {
+          ctx2.onClose?.();
         },
         closeIfDisabled(ctx2, _evt, { send }) {
           if (ctx2.disabled) {

package/dist/tooltip.machine.mjs

@@ -1,7 +1,7 @@
 import {
   machine
-} from "./chunk-XEL7WA6Q.mjs";
-import "./chunk-6ELBRNM7.mjs";
+} from "./chunk-ILEFGJ44.mjs";
+import "./chunk-W5WZYXHV.mjs";
 import "./chunk-GQYNO326.mjs";
 export {
   machine

package/dist/tooltip.types.d.ts

@@ -68,7 +68,7 @@ type ComputedContext = Readonly<{
 type PrivateContext = RootProperties & {};
 type MachineContext = PublicContext & ComputedContext & PrivateContext;
 type MachineState = {
-    value: "unknown" | "opening" | "open" | "closing" | "closed";
+    value: "opening" | "open" | "closing" | "closed";
     tags: "open" | "closed";
 };
 type State = StateMachine.State<MachineContext, MachineState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tooltip",
-  "version": "0.0.0-dev-20230201190914",
+  "version": "0.0.0-dev-20230201193101",
   "description": "Core logic for the tooltip widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,15 +26,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.0.0-dev-20230201190914",
-    "@zag-js/core": "0.0.0-dev-20230201190914",
-    "@zag-js/popper": "0.0.0-dev-20230201190914",
-    "@zag-js/types": "0.0.0-dev-20230201190914"
+    "@zag-js/anatomy": "0.0.0-dev-20230201193101",
+    "@zag-js/core": "0.0.0-dev-20230201193101",
+    "@zag-js/popper": "0.0.0-dev-20230201193101",
+    "@zag-js/types": "0.0.0-dev-20230201193101"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.0.0-dev-20230201190914",
-    "@zag-js/utils": "0.0.0-dev-20230201190914"
+    "@zag-js/dom-utils": "0.0.0-dev-20230201193101",
+    "@zag-js/utils": "0.0.0-dev-20230201193101"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",