@zag-js/auto-resize 0.2.1 → 0.2.3

package/dist/index.js

@@ -23,32 +23,11 @@ __export(src_exports, {
   autoResizeInput: () => autoResizeInput
 });
 module.exports = __toCommonJS(src_exports);
-
-// ../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 getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-}
-
-// src/index.ts
+var import_dom_query = require("@zag-js/dom-query");
 function copyVisualStyles(fromEl, toEl) {
   if (!fromEl)
     return;
-  const win = getWindow(fromEl);
+  const win = (0, import_dom_query.getWindow)(fromEl);
   const el = win.getComputedStyle(fromEl);
   const cssText = "box-sizing:" + el.boxSizing + ";border-left:" + el.borderLeftWidth + " solid red;border-right:" + el.borderRightWidth + " solid red;font-family:" + el.fontFamily + ";font-feature-settings:" + el.fontFeatureSettings + ";font-kerning:" + el.fontKerning + ";font-size:" + el.fontSize + ";font-stretch:" + el.fontStretch + ";font-style:" + el.fontStyle + ";font-variant:" + el.fontVariant + ";font-variant-caps:" + el.fontVariantCaps + ";font-variant-ligatures:" + el.fontVariantLigatures + ";font-variant-numeric:" + el.fontVariantNumeric + ";font-weight:" + el.fontWeight + ";letter-spacing:" + el.letterSpacing + ";margin-left:" + el.marginLeft + ";margin-right:" + el.marginRight + ";padding-left:" + el.paddingLeft + ";padding-right:" + el.paddingRight + ";text-indent:" + el.textIndent + ";text-transform:" + el.textTransform;
   toEl.style.cssText += cssText;
@@ -63,24 +42,24 @@ function createGhostElement(doc) {
 function autoResizeInput(input) {
   if (!input)
     return;
-  const doc = getDocument(input);
-  const win = getWindow(input);
+  const doc = (0, import_dom_query.getDocument)(input);
+  const win = (0, import_dom_query.getWindow)(input);
   const ghost = createGhostElement(doc);
   copyVisualStyles(input, ghost);
   function resize() {
     win.requestAnimationFrame(() => {
       ghost.innerHTML = input.value;
       const rect = win.getComputedStyle(ghost);
-      input == null ? void 0 : input.style.setProperty("width", rect.width);
+      input?.style.setProperty("width", rect.width);
     });
   }
   resize();
-  input == null ? void 0 : input.addEventListener("input", resize);
-  input == null ? void 0 : input.addEventListener("change", resize);
+  input?.addEventListener("input", resize);
+  input?.addEventListener("change", resize);
   return () => {
     doc.body.removeChild(ghost);
-    input == null ? void 0 : input.removeEventListener("input", resize);
-    input == null ? void 0 : input.removeEventListener("change", resize);
+    input?.removeEventListener("input", resize);
+    input?.removeEventListener("change", resize);
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -1,24 +1,5 @@
-// ../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 getWindow(el) {
-  var _a;
-  return (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
-}
-
 // src/index.ts
+import { getDocument, getWindow } from "@zag-js/dom-query";
 function copyVisualStyles(fromEl, toEl) {
   if (!fromEl)
     return;
@@ -45,16 +26,16 @@ function autoResizeInput(input) {
     win.requestAnimationFrame(() => {
       ghost.innerHTML = input.value;
       const rect = win.getComputedStyle(ghost);
-      input == null ? void 0 : input.style.setProperty("width", rect.width);
+      input?.style.setProperty("width", rect.width);
     });
   }
   resize();
-  input == null ? void 0 : input.addEventListener("input", resize);
-  input == null ? void 0 : input.addEventListener("change", resize);
+  input?.addEventListener("input", resize);
+  input?.addEventListener("change", resize);
   return () => {
     doc.body.removeChild(ghost);
-    input == null ? void 0 : input.removeEventListener("input", resize);
-    input == null ? void 0 : input.removeEventListener("change", resize);
+    input?.removeEventListener("input", resize);
+    input?.removeEventListener("change", resize);
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/auto-resize",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Autoresize utilities for the web",
   "keywords": [
     "js",
@@ -21,9 +21,11 @@
   "bugs": {
     "url": "https://github.com/chakra-ui/zag/issues"
   },
+  "dependencies": {
+    "@zag-js/dom-query": "0.1.3"
+  },
   "devDependencies": {
-    "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.2"
+    "clean-package": "2.2.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "main": "dist/index.js",