@zag-js/auto-resize 0.50.0 → 0.51.1

package/dist/index.js

@@ -1,69 +1,2 @@
-"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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  autoResizeInput: () => autoResizeInput
-});
-module.exports = __toCommonJS(src_exports);
-var import_dom_query = require("@zag-js/dom-query");
-function copyVisualStyles(fromEl, toEl) {
-  if (!fromEl)
-    return;
-  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;
-}
-function createGhostElement(doc) {
-  var el = doc.createElement("div");
-  el.id = "ghost";
-  el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
-  doc.body.appendChild(el);
-  return el;
-}
-function autoResizeInput(input) {
-  if (!input)
-    return;
-  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?.style.setProperty("width", rect.width);
-    });
-  }
-  resize();
-  input?.addEventListener("input", resize);
-  input?.addEventListener("change", resize);
-  return () => {
-    doc.body.removeChild(ghost);
-    input?.removeEventListener("input", resize);
-    input?.removeEventListener("change", resize);
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  autoResizeInput
-});
+"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);var src_exports={};__export(src_exports,{autoResizeInput:()=>autoResizeInput});module.exports=__toCommonJS(src_exports);var import_dom_query=require("@zag-js/dom-query");function copyVisualStyles(fromEl,toEl){if(!fromEl)return;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}function createGhostElement(doc){var el=doc.createElement("div");el.id="ghost";el.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";doc.body.appendChild(el);return el}function autoResizeInput(input){if(!input)return;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?.style.setProperty("width",rect.width)})}resize();input?.addEventListener("input",resize);input?.addEventListener("change",resize);return()=>{doc.body.removeChild(ghost);input?.removeEventListener("input",resize);input?.removeEventListener("change",resize)}}0&&(module.exports={autoResizeInput});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { getDocument, getWindow } from \"@zag-js/dom-query\"\n\nfunction copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n\n  const win = getWindow(fromEl)\n  const el = win.getComputedStyle(fromEl)\n\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = getDocument(input)\n  const win = getWindow(input)\n\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input!.value\n      const rect = win.getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAuC;AAEvC,SAAS,iBAAiB,QAA4B,MAAmB;AACvE,MAAI,CAAC;AAAQ;AAEb,QAAM,UAAM,4BAAU,MAAM;AAC5B,QAAM,KAAK,IAAI,iBAAiB,MAAM;AAGtC,QAAM,UAAU,gBAAgB,GAAG,YACf,kBAAkB,GAAG,kBAAkB,6BACpB,GAAG,mBAAmB,4BACvB,GAAG,aACrB,4BAA4B,GAAG,sBAC/B,mBAAmB,GAAG,cACtB,gBAAgB,GAAG,WACnB,mBAAmB,GAAG,cACtB,iBAAiB,GAAG,YACpB,mBAAmB,GAAG,cACtB,wBAAwB,GAAG,kBAC3B,6BAA6B,GAAG,uBAChC,2BAA2B,GAAG,qBAC9B,kBAAkB,GAAG,aACrB,qBAAqB,GAAG,gBACxB,kBAAkB,GAAG,aACrB,mBAAmB,GAAG,cACtB,mBAAmB,GAAG,cACtB,oBAAoB,GAAG,eACvB,kBAAkB,GAAG,aACrB,qBAAqB,GAAG;AAE5C,OAAK,MAAM,WAAW;AACxB;AAEA,SAAS,mBAAmB,KAAe;AACzC,MAAI,KAAK,IAAI,cAAc,KAAK;AAChC,KAAG,KAAK;AACR,KAAG,MAAM,UACP;AACF,MAAI,KAAK,YAAY,EAAE;AACvB,SAAO;AACT;AAEO,SAAS,gBAAgB,OAAgC;AAC9D,MAAI,CAAC;AAAO;AACZ,QAAM,UAAM,8BAAY,KAAK;AAC7B,QAAM,UAAM,4BAAU,KAAK;AAE3B,QAAM,QAAQ,mBAAmB,GAAG;AAEpC,mBAAiB,OAAO,KAAK;AAE7B,WAAS,SAAS;AAChB,QAAI,sBAAsB,MAAM;AAC9B,YAAM,YAAY,MAAO;AACzB,YAAM,OAAO,IAAI,iBAAiB,KAAK;AACvC,aAAO,MAAM,YAAY,SAAS,KAAK,KAAK;AAAA,IAC9C,CAAC;AAAA,EACH;AAEA,SAAO;AAEP,SAAO,iBAAiB,SAAS,MAAM;AACvC,SAAO,iBAAiB,UAAU,MAAM;AAExC,SAAO,MAAM;AACX,QAAI,KAAK,YAAY,KAAK;AAC1B,WAAO,oBAAoB,SAAS,MAAM;AAC1C,WAAO,oBAAoB,UAAU,MAAM;AAAA,EAC7C;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { getDocument, getWindow } from \"@zag-js/dom-query\"\n\nfunction copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n\n  const win = getWindow(fromEl)\n  const el = win.getComputedStyle(fromEl)\n\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = getDocument(input)\n  const win = getWindow(input)\n\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input!.value\n      const rect = win.getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n"],"mappings":"qqBAAA,6IAAuC,6BAEvC,SAAS,iBAAiB,OAA4B,KAAmB,CACvE,GAAI,CAAC,OAAQ,OAEb,MAAM,OAAM,4BAAU,MAAM,EAC5B,MAAM,GAAK,IAAI,iBAAiB,MAAM,EAGtC,MAAM,QAAU,cAAgB,GAAG,UACf,gBAAkB,GAAG,gBAAkB,2BACpB,GAAG,iBAAmB,0BACvB,GAAG,WACrB,0BAA4B,GAAG,oBAC/B,iBAAmB,GAAG,YACtB,cAAgB,GAAG,SACnB,iBAAmB,GAAG,YACtB,eAAiB,GAAG,UACpB,iBAAmB,GAAG,YACtB,sBAAwB,GAAG,gBAC3B,2BAA6B,GAAG,qBAChC,yBAA2B,GAAG,mBAC9B,gBAAkB,GAAG,WACrB,mBAAqB,GAAG,cACxB,gBAAkB,GAAG,WACrB,iBAAmB,GAAG,YACtB,iBAAmB,GAAG,YACtB,kBAAoB,GAAG,aACvB,gBAAkB,GAAG,WACrB,mBAAqB,GAAG,cAE5C,KAAK,MAAM,SAAW,OACxB,CAEA,SAAS,mBAAmB,IAAe,CACzC,IAAI,GAAK,IAAI,cAAc,KAAK,EAChC,GAAG,GAAK,QACR,GAAG,MAAM,QACP,8GACF,IAAI,KAAK,YAAY,EAAE,EACvB,OAAO,EACT,CAEO,SAAS,gBAAgB,MAAgC,CAC9D,GAAI,CAAC,MAAO,OACZ,MAAM,OAAM,8BAAY,KAAK,EAC7B,MAAM,OAAM,4BAAU,KAAK,EAE3B,MAAM,MAAQ,mBAAmB,GAAG,EAEpC,iBAAiB,MAAO,KAAK,EAE7B,SAAS,QAAS,CAChB,IAAI,sBAAsB,IAAM,CAC9B,MAAM,UAAY,MAAO,MACzB,MAAM,KAAO,IAAI,iBAAiB,KAAK,EACvC,OAAO,MAAM,YAAY,QAAS,KAAK,KAAK,CAC9C,CAAC,CACH,CAEA,OAAO,EAEP,OAAO,iBAAiB,QAAS,MAAM,EACvC,OAAO,iBAAiB,SAAU,MAAM,EAExC,MAAO,IAAM,CACX,IAAI,KAAK,YAAY,KAAK,EAC1B,OAAO,oBAAoB,QAAS,MAAM,EAC1C,OAAO,oBAAoB,SAAU,MAAM,CAC7C,CACF","names":[]}

package/dist/index.mjs

@@ -1,44 +1,2 @@
-// src/index.ts
-import { getDocument, getWindow } from "@zag-js/dom-query";
-function copyVisualStyles(fromEl, toEl) {
-  if (!fromEl)
-    return;
-  const win = 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;
-}
-function createGhostElement(doc) {
-  var el = doc.createElement("div");
-  el.id = "ghost";
-  el.style.cssText = "display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";
-  doc.body.appendChild(el);
-  return el;
-}
-function autoResizeInput(input) {
-  if (!input)
-    return;
-  const doc = getDocument(input);
-  const win = getWindow(input);
-  const ghost = createGhostElement(doc);
-  copyVisualStyles(input, ghost);
-  function resize() {
-    win.requestAnimationFrame(() => {
-      ghost.innerHTML = input.value;
-      const rect = win.getComputedStyle(ghost);
-      input?.style.setProperty("width", rect.width);
-    });
-  }
-  resize();
-  input?.addEventListener("input", resize);
-  input?.addEventListener("change", resize);
-  return () => {
-    doc.body.removeChild(ghost);
-    input?.removeEventListener("input", resize);
-    input?.removeEventListener("change", resize);
-  };
-}
-export {
-  autoResizeInput
-};
+import{getDocument,getWindow}from"@zag-js/dom-query";function copyVisualStyles(fromEl,toEl){if(!fromEl)return;const win=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}function createGhostElement(doc){var el=doc.createElement("div");el.id="ghost";el.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";doc.body.appendChild(el);return el}function autoResizeInput(input){if(!input)return;const doc=getDocument(input);const win=getWindow(input);const ghost=createGhostElement(doc);copyVisualStyles(input,ghost);function resize(){win.requestAnimationFrame(()=>{ghost.innerHTML=input.value;const rect=win.getComputedStyle(ghost);input?.style.setProperty("width",rect.width)})}resize();input?.addEventListener("input",resize);input?.addEventListener("change",resize);return()=>{doc.body.removeChild(ghost);input?.removeEventListener("input",resize);input?.removeEventListener("change",resize)}}export{autoResizeInput};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { getDocument, getWindow } from \"@zag-js/dom-query\"\n\nfunction copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n\n  const win = getWindow(fromEl)\n  const el = win.getComputedStyle(fromEl)\n\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = getDocument(input)\n  const win = getWindow(input)\n\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input!.value\n      const rect = win.getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n"],"mappings":";AAAA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,iBAAiB,QAA4B,MAAmB;AACvE,MAAI,CAAC;AAAQ;AAEb,QAAM,MAAM,UAAU,MAAM;AAC5B,QAAM,KAAK,IAAI,iBAAiB,MAAM;AAGtC,QAAM,UAAU,gBAAgB,GAAG,YACf,kBAAkB,GAAG,kBAAkB,6BACpB,GAAG,mBAAmB,4BACvB,GAAG,aACrB,4BAA4B,GAAG,sBAC/B,mBAAmB,GAAG,cACtB,gBAAgB,GAAG,WACnB,mBAAmB,GAAG,cACtB,iBAAiB,GAAG,YACpB,mBAAmB,GAAG,cACtB,wBAAwB,GAAG,kBAC3B,6BAA6B,GAAG,uBAChC,2BAA2B,GAAG,qBAC9B,kBAAkB,GAAG,aACrB,qBAAqB,GAAG,gBACxB,kBAAkB,GAAG,aACrB,mBAAmB,GAAG,cACtB,mBAAmB,GAAG,cACtB,oBAAoB,GAAG,eACvB,kBAAkB,GAAG,aACrB,qBAAqB,GAAG;AAE5C,OAAK,MAAM,WAAW;AACxB;AAEA,SAAS,mBAAmB,KAAe;AACzC,MAAI,KAAK,IAAI,cAAc,KAAK;AAChC,KAAG,KAAK;AACR,KAAG,MAAM,UACP;AACF,MAAI,KAAK,YAAY,EAAE;AACvB,SAAO;AACT;AAEO,SAAS,gBAAgB,OAAgC;AAC9D,MAAI,CAAC;AAAO;AACZ,QAAM,MAAM,YAAY,KAAK;AAC7B,QAAM,MAAM,UAAU,KAAK;AAE3B,QAAM,QAAQ,mBAAmB,GAAG;AAEpC,mBAAiB,OAAO,KAAK;AAE7B,WAAS,SAAS;AAChB,QAAI,sBAAsB,MAAM;AAC9B,YAAM,YAAY,MAAO;AACzB,YAAM,OAAO,IAAI,iBAAiB,KAAK;AACvC,aAAO,MAAM,YAAY,SAAS,KAAK,KAAK;AAAA,IAC9C,CAAC;AAAA,EACH;AAEA,SAAO;AAEP,SAAO,iBAAiB,SAAS,MAAM;AACvC,SAAO,iBAAiB,UAAU,MAAM;AAExC,SAAO,MAAM;AACX,QAAI,KAAK,YAAY,KAAK;AAC1B,WAAO,oBAAoB,SAAS,MAAM;AAC1C,WAAO,oBAAoB,UAAU,MAAM;AAAA,EAC7C;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { getDocument, getWindow } from \"@zag-js/dom-query\"\n\nfunction copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n\n  const win = getWindow(fromEl)\n  const el = win.getComputedStyle(fromEl)\n\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = getDocument(input)\n  const win = getWindow(input)\n\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    win.requestAnimationFrame(() => {\n      ghost.innerHTML = input!.value\n      const rect = win.getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n"],"mappings":"AAAA,OAAS,YAAa,cAAiB,oBAEvC,SAAS,iBAAiB,OAA4B,KAAmB,CACvE,GAAI,CAAC,OAAQ,OAEb,MAAM,IAAM,UAAU,MAAM,EAC5B,MAAM,GAAK,IAAI,iBAAiB,MAAM,EAGtC,MAAM,QAAU,cAAgB,GAAG,UACf,gBAAkB,GAAG,gBAAkB,2BACpB,GAAG,iBAAmB,0BACvB,GAAG,WACrB,0BAA4B,GAAG,oBAC/B,iBAAmB,GAAG,YACtB,cAAgB,GAAG,SACnB,iBAAmB,GAAG,YACtB,eAAiB,GAAG,UACpB,iBAAmB,GAAG,YACtB,sBAAwB,GAAG,gBAC3B,2BAA6B,GAAG,qBAChC,yBAA2B,GAAG,mBAC9B,gBAAkB,GAAG,WACrB,mBAAqB,GAAG,cACxB,gBAAkB,GAAG,WACrB,iBAAmB,GAAG,YACtB,iBAAmB,GAAG,YACtB,kBAAoB,GAAG,aACvB,gBAAkB,GAAG,WACrB,mBAAqB,GAAG,cAE5C,KAAK,MAAM,SAAW,OACxB,CAEA,SAAS,mBAAmB,IAAe,CACzC,IAAI,GAAK,IAAI,cAAc,KAAK,EAChC,GAAG,GAAK,QACR,GAAG,MAAM,QACP,8GACF,IAAI,KAAK,YAAY,EAAE,EACvB,OAAO,EACT,CAEO,SAAS,gBAAgB,MAAgC,CAC9D,GAAI,CAAC,MAAO,OACZ,MAAM,IAAM,YAAY,KAAK,EAC7B,MAAM,IAAM,UAAU,KAAK,EAE3B,MAAM,MAAQ,mBAAmB,GAAG,EAEpC,iBAAiB,MAAO,KAAK,EAE7B,SAAS,QAAS,CAChB,IAAI,sBAAsB,IAAM,CAC9B,MAAM,UAAY,MAAO,MACzB,MAAM,KAAO,IAAI,iBAAiB,KAAK,EACvC,OAAO,MAAM,YAAY,QAAS,KAAK,KAAK,CAC9C,CAAC,CACH,CAEA,OAAO,EAEP,OAAO,iBAAiB,QAAS,MAAM,EACvC,OAAO,iBAAiB,SAAU,MAAM,EAExC,MAAO,IAAM,CACX,IAAI,KAAK,YAAY,KAAK,EAC1B,OAAO,oBAAoB,QAAS,MAAM,EAC1C,OAAO,oBAAoB,SAAU,MAAM,CAC7C,CACF","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/auto-resize",
-  "version": "0.50.0",
+  "version": "0.51.1",
   "description": "Autoresize utilities for the web",
   "keywords": [
     "js",
@@ -23,7 +23,7 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/dom-query": "0.50.0"
+    "@zag-js/dom-query": "0.51.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"