@commercetools/nimbus 0.0.10 → 0.0.12-rc1

package/dist/chunks/mergeProps-BUo0BHVY.es.js

@@ -1,128 +0,0 @@
-import p, { useRef as a, useCallback as s, useState as $, useEffect as y } from "react";
-import { a as g } from "./SSRProvider-eIEwc-2s.es.js";
-const i = typeof document < "u" ? p.useLayoutEffect : () => {
-};
-function d(r) {
-  const e = a(null);
-  return i(() => {
-    e.current = r;
-  }, [
-    r
-  ]), s((...f) => {
-    const t = e.current;
-    return t == null ? void 0 : t(...f);
-  }, []);
-}
-function m(r) {
-  let [e, f] = $(r), t = a(null), n = d(() => {
-    if (!t.current) return;
-    let c = t.current.next();
-    if (c.done) {
-      t.current = null;
-      return;
-    }
-    e === c.value ? n() : f(c.value);
-  });
-  i(() => {
-    t.current && n();
-  });
-  let u = d((c) => {
-    t.current = c(e), n();
-  });
-  return [
-    e,
-    u
-  ];
-}
-let x = !!(typeof window < "u" && window.document && window.document.createElement), l = /* @__PURE__ */ new Map(), o;
-typeof FinalizationRegistry < "u" && (o = /* @__PURE__ */ new FinalizationRegistry((r) => {
-  l.delete(r);
-}));
-function v(r) {
-  let [e, f] = $(r), t = a(null), n = g(e), u = a(null);
-  if (o && o.register(u, n), x) {
-    const c = l.get(n);
-    c && !c.includes(t) ? c.push(t) : l.set(n, [
-      t
-    ]);
-  }
-  return i(() => {
-    let c = n;
-    return () => {
-      o && o.unregister(u), l.delete(c);
-    };
-  }, [
-    n
-  ]), y(() => {
-    let c = t.current;
-    return c && f(c), () => {
-      c && (t.current = null);
-    };
-  }), n;
-}
-function w(r, e) {
-  if (r === e) return r;
-  let f = l.get(r);
-  if (f)
-    return f.forEach((n) => n.current = e), e;
-  let t = l.get(e);
-  return t ? (t.forEach((n) => n.current = r), r) : e;
-}
-function k(r = []) {
-  let e = v(), [f, t] = m(e), n = s(() => {
-    t(function* () {
-      yield e, yield document.getElementById(e) ? e : void 0;
-    });
-  }, [
-    e,
-    t
-  ]);
-  return i(n, [
-    e,
-    n,
-    ...r
-  ]), f;
-}
-function h(...r) {
-  return (...e) => {
-    for (let f of r) typeof f == "function" && f(...e);
-  };
-}
-function b(r) {
-  var e, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var n = r.length;
-    for (e = 0; e < n; e++) r[e] && (f = b(r[e])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function I() {
-  for (var r, e, f = 0, t = "", n = arguments.length; f < n; f++) (r = arguments[f]) && (e = b(r)) && (t && (t += " "), t += e);
-  return t;
-}
-function C(...r) {
-  let e = {
-    ...r[0]
-  };
-  for (let f = 1; f < r.length; f++) {
-    let t = r[f];
-    for (let n in t) {
-      let u = e[n], c = t[n];
-      typeof u == "function" && typeof c == "function" && // This is a lot faster than a regex.
-      n[0] === "o" && n[1] === "n" && n.charCodeAt(2) >= /* 'A' */
-      65 && n.charCodeAt(2) <= /* 'Z' */
-      90 ? e[n] = h(u, c) : (n === "className" || n === "UNSAFE_className") && typeof u == "string" && typeof c == "string" ? e[n] = I(u, c) : n === "id" && u && c ? e.id = w(u, c) : e[n] = c !== void 0 ? c : u;
-    }
-  }
-  return e;
-}
-export {
-  C as $,
-  v as a,
-  k as b,
-  d as c,
-  i as d,
-  h as e
-};
-//# sourceMappingURL=mergeProps-BUo0BHVY.es.js.map

package/dist/chunks/mergeProps-BUo0BHVY.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeProps-BUo0BHVY.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useLayoutEffect.mjs","../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useEffectEvent.mjs","../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useValueEffect.mjs","../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useId.mjs","../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/chain.mjs","../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../node_modules/.pnpm/@react-aria+utils@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/mergeProps.mjs"],"sourcesContent":["import $HgANd$react from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nconst $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (0, $HgANd$react).useLayoutEffect : ()=>{};\n\n\nexport {$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect};\n//# sourceMappingURL=useLayoutEffect.module.js.map\n","import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {useRef as $lmaYr$useRef, useCallback as $lmaYr$useCallback} from \"react\";\n\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {\n    const ref = (0, $lmaYr$useRef)(null);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        ref.current = fn;\n    }, [\n        fn\n    ]);\n    // @ts-ignore\n    return (0, $lmaYr$useCallback)((...args)=>{\n        const f = ref.current;\n        return f === null || f === void 0 ? void 0 : f(...args);\n    }, []);\n}\n\n\nexport {$8ae05eaa5c114e9c$export$7f54fc3180508a52 as useEffectEvent};\n//# sourceMappingURL=useEffectEvent.module.js.map\n","import {useEffectEvent as $8ae05eaa5c114e9c$export$7f54fc3180508a52} from \"./useEffectEvent.mjs\";\nimport {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {useState as $fCAlL$useState, useRef as $fCAlL$useRef} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {\n    let [value, setValue] = (0, $fCAlL$useState)(defaultValue);\n    let effect = (0, $fCAlL$useRef)(null);\n    // Store the function in a ref so we can always access the current version\n    // which has the proper `value` in scope.\n    let nextRef = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{\n        if (!effect.current) return;\n        // Run the generator to the next yield.\n        let newValue = effect.current.next();\n        // If the generator is done, reset the effect.\n        if (newValue.done) {\n            effect.current = null;\n            return;\n        }\n        // If the value is the same as the current value,\n        // then continue to the next yield. Otherwise,\n        // set the value in state and wait for the next layout effect.\n        if (value === newValue.value) nextRef();\n        else setValue(newValue.value);\n    });\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        // If there is an effect currently running, continue to the next yield.\n        if (effect.current) nextRef();\n    });\n    let queue = (0, $8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{\n        effect.current = fn(value);\n        nextRef();\n    });\n    return [\n        value,\n        queue\n    ];\n}\n\n\nexport {$1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect};\n//# sourceMappingURL=useValueEffect.module.js.map\n","import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {useValueEffect as $1dbecbe27a04f9af$export$14d238f342723f25} from \"./useValueEffect.mjs\";\nimport {useState as $eKkEp$useState, useRef as $eKkEp$useRef, useEffect as $eKkEp$useEffect, useCallback as $eKkEp$useCallback} from \"react\";\nimport {useSSRSafeId as $eKkEp$useSSRSafeId} from \"@react-aria/ssr\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\nlet $bdb11010cef70236$export$d41a04c74483c6ef = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet $bdb11010cef70236$var$registry;\nif (typeof FinalizationRegistry !== 'undefined') $bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue)=>{\n    $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);\n});\nfunction $bdb11010cef70236$export$f680877a34711e37(defaultId) {\n    let [value, setValue] = (0, $eKkEp$useState)(defaultId);\n    let nextId = (0, $eKkEp$useRef)(null);\n    let res = (0, $eKkEp$useSSRSafeId)(value);\n    let cleanupRef = (0, $eKkEp$useRef)(null);\n    if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.register(cleanupRef, res);\n    if ($bdb11010cef70236$var$canUseDOM) {\n        const cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);\n        if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);\n        else $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [\n            nextId\n        ]);\n    }\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        let r = res;\n        return ()=>{\n            // In Suspense, the cleanup function may be not called\n            // when it is though, also remove it from the finalization registry.\n            if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);\n            $bdb11010cef70236$export$d41a04c74483c6ef.delete(r);\n        };\n    }, [\n        res\n    ]);\n    // This cannot cause an infinite loop because the ref is always cleaned up.\n    // eslint-disable-next-line\n    (0, $eKkEp$useEffect)(()=>{\n        let newId = nextId.current;\n        if (newId) setValue(newId);\n        return ()=>{\n            if (newId) nextId.current = null;\n        };\n    });\n    return res;\n}\nfunction $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {\n    if (idA === idB) return idA;\n    let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);\n    if (setIdsA) {\n        setIdsA.forEach((ref)=>ref.current = idB);\n        return idB;\n    }\n    let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);\n    if (setIdsB) {\n        setIdsB.forEach((ref)=>ref.current = idA);\n        return idA;\n    }\n    return idB;\n}\nfunction $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {\n    let id = $bdb11010cef70236$export$f680877a34711e37();\n    let [resolvedId, setResolvedId] = (0, $1dbecbe27a04f9af$export$14d238f342723f25)(id);\n    let updateId = (0, $eKkEp$useCallback)(()=>{\n        setResolvedId(function*() {\n            yield id;\n            yield document.getElementById(id) ? id : undefined;\n        });\n    }, [\n        id,\n        setResolvedId\n    ]);\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(updateId, [\n        id,\n        updateId,\n        ...depArray\n    ]);\n    return resolvedId;\n}\n\n\nexport {$bdb11010cef70236$export$d41a04c74483c6ef as idsUpdaterMap, $bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId};\n//# sourceMappingURL=useId.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /**\n * Calls all functions in the order they were chained with the same arguments.\n */ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {\n    return (...args)=>{\n        for (let callback of callbacks)if (typeof callback === 'function') callback(...args);\n    };\n}\n\n\nexport {$ff5963eb1fccf552$export$e08e3b67e392101e as chain};\n//# sourceMappingURL=chain.module.js.map\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import {chain as $ff5963eb1fccf552$export$e08e3b67e392101e} from \"./chain.mjs\";\nimport {mergeIds as $bdb11010cef70236$export$cd8c9cb68f842629} from \"./useId.mjs\";\nimport $7jXr9$clsx from \"clsx\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {\n    // Start with a base clone of the first argument. This is a lot faster than starting\n    // with an empty object and adding properties as we go.\n    let result = {\n        ...args[0]\n    };\n    for(let i = 1; i < args.length; i++){\n        let props = args[i];\n        for(let key in props){\n            let a = result[key];\n            let b = props[key];\n            // Chain events\n            if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.\n            key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = (0, $ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);\n            else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = (0, $7jXr9$clsx)(a, b);\n            else if (key === 'id' && a && b) result.id = (0, $bdb11010cef70236$export$cd8c9cb68f842629)(a, b);\n            else result[key] = b !== undefined ? b : a;\n        }\n    }\n    return result;\n}\n\n\nexport {$3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps};\n//# sourceMappingURL=mergeProps.module.js.map\n"],"names":["$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","$HgANd$react","$8ae05eaa5c114e9c$export$7f54fc3180508a52","fn","ref","$lmaYr$useRef","$lmaYr$useCallback","args","f","$1dbecbe27a04f9af$export$14d238f342723f25","defaultValue","value","setValue","$fCAlL$useState","effect","$fCAlL$useRef","nextRef","newValue","queue","$bdb11010cef70236$var$canUseDOM","$bdb11010cef70236$export$d41a04c74483c6ef","$bdb11010cef70236$var$registry","heldValue","$bdb11010cef70236$export$f680877a34711e37","defaultId","$eKkEp$useState","nextId","$eKkEp$useRef","res","$eKkEp$useSSRSafeId","cleanupRef","cacheIdRef","r","$eKkEp$useEffect","newId","$bdb11010cef70236$export$cd8c9cb68f842629","idA","idB","setIdsA","setIdsB","$bdb11010cef70236$export$b4cc09c592e8fdb8","depArray","id","resolvedId","setResolvedId","updateId","$eKkEp$useCallback","$ff5963eb1fccf552$export$e08e3b67e392101e","callbacks","callback","e","t","n","o","clsx","$3ef42575df84b30b$export$9d1611c77c2fe928","result","i","props","key","a","b","$7jXr9$clsx"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/multiline-text-input-AjqfDDxC.cjs.js

@@ -1,12 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),s=require("react"),o=require("@chakra-ui/react"),C=require("./TextArea-C0Ozz1GB.cjs.js"),P=require("./extractStyleProps-lyk7D-zN.cjs.js"),S=require("@commercetools/nimbus-tokens"),H=require("./useObjectRef-4v2MxSjQ.cjs.js"),I=require("./useTextField-BMUp5FfB.cjs.js"),u=o.defineRecipe({className:"nimbus-multiline-text-input",base:{display:"block",overflowY:"auto",borderRadius:"200",colorPalette:"neutral",focusVisibleRing:"outside",bg:"transparent",outline:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",resize:"vertical",fontFamily:"inherit",_placeholder:{opacity:.5,color:"currentColor"},_disabled:{layerStyle:"disabled"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"},"&::-webkit-resizer":{backgroundImage:`url("data:image/svg+xml,${encodeURIComponent(`
-        <svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-          <mask id="mask0_4610_25787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="-1" width="9" height="9">
-            <rect width="1.03391" height="4.13563" transform="matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)" fill="currentColor"/>
-            <rect width="1.03391" height="8.27125" transform="matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)" fill="currentColor"/>
-          </mask>
-          <g mask="url(#mask0_4610_25787)">
-            <rect width="8" height="8" fill="${S.designTokens.color["semantic-palettes"].primary.light[9]}"/>
-          </g>
-        </svg>
-      `)}")`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"200 200",width:"400",height:"400"}},variants:{size:{sm:{minH:800,textStyle:"sm",px:300,py:100},md:{minH:1e3,textStyle:"md",px:400,py:200}},variant:{solid:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}},ghost:{_hover:{backgroundColor:"primary.2"}}}},defaultVariants:{size:"md",variant:"solid"}}),{withContext:T}=o.createRecipeContext({recipe:u}),q=T("textarea"),d=p=>{const{ref:h,rows:m=1,autoGrow:r=!1,...g}=p,x=o.useRecipe({recipe:u}),f=s.useRef(null),t=H.$df56164dff5785e2$export$4338b53315abf666(o.mergeRefs(f,h)),[b,w]=x.splitVariantProps(g),[y,k]=P.extractStyleProps(w),{inputProps:v}=I.$2d73ec29415bd339$export$712718f7aec83d5(k,t),i=s.useCallback(()=>{const e=t.current;if(!e||!r)return;e.style.height="auto";const a=e.scrollHeight,R=window.getComputedStyle(e),c=parseInt(R.maxHeight),$=c?Math.min(a,c):a;e.style.height=`${$}px`},[r,t]);return s.useEffect(()=>{const e=t.current;if(!e||!r)return;i();const n=()=>{i()};return e.addEventListener("input",n),()=>{e.removeEventListener("input",n)}},[i,r,t]),l.jsx(q,{...b,...y,asChild:!0,children:l.jsx(C.$216918bed6669f72$export$f5c9f3c2c4054eec,{ref:t,rows:m,...v})})};d.displayName="MultilineTextInput";exports.MultilineTextInput=d;
-//# sourceMappingURL=multiline-text-input-AjqfDDxC.cjs.js.map

package/dist/chunks/multiline-text-input-AjqfDDxC.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiline-text-input-AjqfDDxC.cjs.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-multiline-text-input\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"block\",\n    overflowY: \"auto\",\n    borderRadius: \"200\",\n    colorPalette: \"neutral\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n    resize: \"vertical\",\n    fontFamily: \"inherit\",\n    _placeholder: {\n      opacity: 0.5,\n      color: \"currentColor\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    \"&[data-invalid='true']\": {\n      \"--border-width\": \"sizes.50\",\n      \"--border-color\": \"colors.critical.7\",\n      color: \"critical.11\",\n    },\n    \"&::-webkit-resizer\": {\n      backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n            <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n            <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n          </mask>\n          <g mask=\"url(#mask0_4610_25787)\">\n            <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n          </g>\n        </svg>\n      `)}\")`,\n      backgroundRepeat: \"no-repeat\",\n      backgroundPosition: \"center\",\n      backgroundSize: \"200 200\",\n      width: \"400\",\n      height: \"400\",\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        minH: 800,\n        textStyle: \"sm\",\n        px: 300,\n        py: 100,\n      },\n      md: {\n        minH: 1000,\n        textStyle: \"md\",\n        px: 400,\n        py: 200,\n      },\n    },\n\n    variant: {\n      solid: {\n        \"--border-width\": \"sizes.25\",\n        \"--border-color\": \"colors.neutral.7\",\n        backgroundColor: \"neutral.1\",\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n      ghost: {\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n  extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n    UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n  \"textarea\",\n  MultilineTextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputRootSlotProps\n>(\"textarea\");\n","import { useRef, useEffect, useCallback } from \"react\";\nimport { mergeRefs, useRecipe } from \"@chakra-ui/react\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { MultilineTextInputRootSlot } from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\n/**\n * MultilineTextInput\n * ============================================================\n * A textarea component that takes in multiline text as input\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports auto-growing height based on content when `autoGrow` is enabled\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const { ref: forwardedRef, rows = 1, autoGrow = false, ...restProps } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(otherProps, ref);\n\n  // Auto-grow functionality\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !autoGrow) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Always resize to fit content (both growing and shrinking)\n    // This ensures the textarea always fits the content exactly\n    const newHeight = contentHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight);\n    const finalHeight = maxHeightPxValue\n      ? Math.min(newHeight, maxHeightPxValue)\n      : newHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [autoGrow, ref]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !autoGrow) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, autoGrow, ref]);\n\n  return (\n    <MultilineTextInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <TextArea ref={ref} rows={rows} {...inputProps} />\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineRecipe","designTokens","withContext","createRecipeContext","MultilineTextInputRootSlot","MultilineTextInput","props","forwardedRef","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","adjustHeight","useCallback","textarea","newHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","jsx","TextArea"],"mappings":"8TAOaA,EAA2BC,EAAAA,aAAa,CAEnD,UAAW,8BAGX,KAAM,CACJ,QAAS,QACT,UAAW,OACX,aAAc,MACd,aAAc,UACd,iBAAkB,UAClB,GAAI,cACJ,QAAS,OACT,UAAW,sDACX,OAAQ,WACR,WAAY,UACZ,aAAc,CACZ,QAAS,GACT,MAAO,cAAA,EAET,UAAW,CACT,WAAY,UAAA,EAEd,yBAA0B,CACxB,iBAAkB,WAClB,iBAAkB,oBAClB,MAAO,aAAA,EAET,qBAAsB,CACpB,gBAAiB,2BAA2B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAOtBC,EAAAA,aAAa,MAAM,mBAAmB,EAAE,QAAQ,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA,OAGhG,CAAC,KACF,iBAAkB,YAClB,mBAAoB,SACpB,eAAgB,UAChB,MAAO,MACP,OAAQ,KAAA,CACV,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,EAEN,GAAI,CACF,KAAM,IACN,UAAW,KACX,GAAI,IACJ,GAAI,GAAA,CACN,EAGF,QAAS,CACP,MAAO,CACL,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,EAEF,MAAO,CACL,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,EAGF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,EC1EK,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQJ,CACV,CAAC,EAMYK,EAA6BF,EAGxC,UAAU,ECNCG,EAAsBC,GAAmC,CACpE,KAAM,CAAE,IAAKC,EAAc,KAAAC,EAAO,EAAG,SAAAC,EAAW,GAAO,GAAGC,CAAA,EAAcJ,EAClEK,EAASC,EAAAA,UAAU,CAAE,OAAQb,EAA0B,EAEvDc,EAAWC,EAAAA,OAA4B,IAAI,EAC3CC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUN,CAAY,CAAC,EAEpD,CAACW,EAAaC,CAAc,EAAIR,EAAO,kBAAkBD,CAAS,EAClE,CAACU,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAC3D,CAAE,WAAAI,CAAA,EAAeC,2CAAyBH,EAAYN,CAAG,EAGzDU,EAAeC,EAAAA,YAAY,IAAM,CACrC,MAAMC,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BkB,EAAS,MAAM,OAAS,OAOxB,MAAMC,EAJgBD,EAAS,aAOzBE,EAAgB,OAAO,iBAAiBF,CAAQ,EAChDG,EAAmB,SAASD,EAAc,SAAS,EACnDE,EAAcD,EAChB,KAAK,IAAIF,EAAWE,CAAgB,EACpCF,EAGJD,EAAS,MAAM,OAAS,GAAGI,CAAW,IAAA,EACrC,CAACtB,EAAUM,CAAG,CAAC,EAGlBiB,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAML,EAAWZ,EAAI,QACrB,GAAI,CAACY,GAAY,CAAClB,EAAU,OAG5BgB,EAAA,EAGA,MAAMQ,EAAc,IAAM,CACxBR,EAAA,CAAa,EAGf,OAAAE,EAAS,iBAAiB,QAASM,CAAW,EAGvC,IAAM,CACXN,EAAS,oBAAoB,QAASM,CAAW,CAAA,CACnD,EACC,CAACR,EAAchB,EAAUM,CAAG,CAAC,EAG9BmB,EAAAA,IAAC9B,EAAA,CAA4B,GAAGc,EAAc,GAAGE,EAAY,QAAO,GAClE,SAAAc,EAAAA,IAACC,EAAAA,0CAAA,CAAS,IAAApB,EAAU,KAAAP,EAAa,GAAGe,EAAY,EAClD,CAEJ,EAEAlB,EAAmB,YAAc"}

package/dist/chunks/multiline-text-input-CIHvD3Oz.es.js

@@ -1,116 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as v, useCallback as $, useEffect as C } from "react";
-import { defineRecipe as R, createRecipeContext as P, useRecipe as H, mergeRefs as S } from "@chakra-ui/react";
-import { $ as I } from "./TextArea-BeSyeRBk.es.js";
-import { e as _ } from "./extractStyleProps-CxgBrz3O.es.js";
-import { designTokens as z } from "@commercetools/nimbus-tokens";
-import { $ as M } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as T } from "./useTextField-CtQSL6tL.es.js";
-const l = /* @__PURE__ */ R({
-  // Unique class name prefix for the component
-  className: "nimbus-multiline-text-input",
-  // Base styles applied to all instances of the component
-  base: {
-    display: "block",
-    overflowY: "auto",
-    borderRadius: "200",
-    colorPalette: "neutral",
-    focusVisibleRing: "outside",
-    bg: "transparent",
-    outline: "none",
-    boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
-    resize: "vertical",
-    fontFamily: "inherit",
-    _placeholder: {
-      opacity: 0.5,
-      color: "currentColor"
-    },
-    _disabled: {
-      layerStyle: "disabled"
-    },
-    "&[data-invalid='true']": {
-      "--border-width": "sizes.50",
-      "--border-color": "colors.critical.7",
-      color: "critical.11"
-    },
-    "&::-webkit-resizer": {
-      backgroundImage: `url("data:image/svg+xml,${/* @__PURE__ */ encodeURIComponent(`
-        <svg width="8" height="8" viewBox="0 0 8 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-          <mask id="mask0_4610_25787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="-1" width="9" height="9">
-            <rect width="1.03391" height="4.13563" transform="matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)" fill="currentColor"/>
-            <rect width="1.03391" height="8.27125" transform="matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)" fill="currentColor"/>
-          </mask>
-          <g mask="url(#mask0_4610_25787)">
-            <rect width="8" height="8" fill="${z.color["semantic-palettes"].primary.light[9]}"/>
-          </g>
-        </svg>
-      `)}")`,
-      backgroundRepeat: "no-repeat",
-      backgroundPosition: "center",
-      backgroundSize: "200 200",
-      width: "400",
-      height: "400"
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        minH: 800,
-        textStyle: "sm",
-        px: 300,
-        py: 100
-      },
-      md: {
-        minH: 1e3,
-        textStyle: "md",
-        px: 400,
-        py: 200
-      }
-    },
-    variant: {
-      solid: {
-        "--border-width": "sizes.25",
-        "--border-color": "colors.neutral.7",
-        backgroundColor: "neutral.1",
-        _hover: {
-          backgroundColor: "primary.2"
-        }
-      },
-      ghost: {
-        _hover: {
-          backgroundColor: "primary.2"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid"
-  }
-}), { withContext: V } = /* @__PURE__ */ P({
-  recipe: l
-}), E = /* @__PURE__ */ V("textarea"), U = (c) => {
-  const { ref: d, rows: p = 1, autoGrow: r = !1, ...m } = c, u = H({ recipe: l }), h = v(null), t = M(S(h, d)), [f, g] = u.splitVariantProps(m), [x, b] = _(g), { inputProps: w } = T(b, t), o = $(() => {
-    const e = t.current;
-    if (!e || !r) return;
-    e.style.height = "auto";
-    const n = e.scrollHeight, y = window.getComputedStyle(e), s = parseInt(y.maxHeight), k = s ? Math.min(n, s) : n;
-    e.style.height = `${k}px`;
-  }, [r, t]);
-  return C(() => {
-    const e = t.current;
-    if (!e || !r) return;
-    o();
-    const i = () => {
-      o();
-    };
-    return e.addEventListener("input", i), () => {
-      e.removeEventListener("input", i);
-    };
-  }, [o, r, t]), /* @__PURE__ */ a(E, { ...f, ...x, asChild: !0, children: /* @__PURE__ */ a(I, { ref: t, rows: p, ...w }) });
-};
-U.displayName = "MultilineTextInput";
-export {
-  U as M
-};
-//# sourceMappingURL=multiline-text-input-CIHvD3Oz.es.js.map

package/dist/chunks/multiline-text-input-CIHvD3Oz.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiline-text-input-CIHvD3Oz.es.js","sources":["../../src/components/multiline-text-input/multiline-text-input.recipe.tsx","../../src/components/multiline-text-input/multiline-text-input.slots.tsx","../../src/components/multiline-text-input/multiline-text-input.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\nimport { designTokens } from \"@commercetools/nimbus-tokens\";\n\n/**\n * Recipe configuration for the MultilineTextInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const multilineTextInputRecipe = defineRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-multiline-text-input\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    display: \"block\",\n    overflowY: \"auto\",\n    borderRadius: \"200\",\n    colorPalette: \"neutral\",\n    focusVisibleRing: \"outside\",\n    bg: \"transparent\",\n    outline: \"none\",\n    boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n    resize: \"vertical\",\n    fontFamily: \"inherit\",\n    _placeholder: {\n      opacity: 0.5,\n      color: \"currentColor\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    \"&[data-invalid='true']\": {\n      \"--border-width\": \"sizes.50\",\n      \"--border-color\": \"colors.critical.7\",\n      color: \"critical.11\",\n    },\n    \"&::-webkit-resizer\": {\n      backgroundImage: `url(\"data:image/svg+xml,${encodeURIComponent(`\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <mask id=\"mask0_4610_25787\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"-1\" y=\"-1\" width=\"9\" height=\"9\">\n            <rect width=\"1.03391\" height=\"4.13563\" transform=\"matrix(0.716449 0.69764 -0.716449 0.69764 6.92578 4.05362)\" fill=\"currentColor\"/>\n            <rect width=\"1.03391\" height=\"8.27125\" transform=\"matrix(0.716448 0.69764 -0.716448 0.69764 5.87891 -0.0262451)\" fill=\"currentColor\"/>\n          </mask>\n          <g mask=\"url(#mask0_4610_25787)\">\n            <rect width=\"8\" height=\"8\" fill=\"${designTokens.color[\"semantic-palettes\"].primary.light[9]}\"/>\n          </g>\n        </svg>\n      `)}\")`,\n      backgroundRepeat: \"no-repeat\",\n      backgroundPosition: \"center\",\n      backgroundSize: \"200 200\",\n      width: \"400\",\n      height: \"400\",\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        minH: 800,\n        textStyle: \"sm\",\n        px: 300,\n        py: 100,\n      },\n      md: {\n        minH: 1000,\n        textStyle: \"md\",\n        px: 400,\n        py: 200,\n      },\n    },\n\n    variant: {\n      solid: {\n        \"--border-width\": \"sizes.25\",\n        \"--border-color\": \"colors.neutral.7\",\n        backgroundColor: \"neutral.1\",\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n      ghost: {\n        _hover: {\n          backgroundColor: \"primary.2\",\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\nexport interface MultilineTextInputRecipeProps\n  extends RecipeVariantProps<typeof multilineTextInputRecipe>,\n    UnstyledProp {}\n\nexport type MultilineTextInputRootSlotProps = HTMLChakraProps<\n  \"textarea\",\n  MultilineTextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: multilineTextInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the MultilineTextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const MultilineTextInputRootSlot = withContext<\n  HTMLTextAreaElement,\n  MultilineTextInputRootSlotProps\n>(\"textarea\");\n","import { useRef, useEffect, useCallback } from \"react\";\nimport { mergeRefs, useRecipe } from \"@chakra-ui/react\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { TextArea } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { MultilineTextInputRootSlot } from \"./multiline-text-input.slots\";\nimport type { MultilineTextInputProps } from \"./multiline-text-input.types\";\nimport { multilineTextInputRecipe } from \"./multiline-text-input.recipe\";\n\n/**\n * MultilineTextInput\n * ============================================================\n * A textarea component that takes in multiline text as input\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports auto-growing height based on content when `autoGrow` is enabled\n */\nexport const MultilineTextInput = (props: MultilineTextInputProps) => {\n  const { ref: forwardedRef, rows = 1, autoGrow = false, ...restProps } = props; // The default `rows` attribute for a textarea is 2, so we need to override it\n  const recipe = useRecipe({ recipe: multilineTextInputRecipe });\n\n  const localRef = useRef<HTMLTextAreaElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField<\"textarea\">(otherProps, ref);\n\n  // Auto-grow functionality\n  const adjustHeight = useCallback(() => {\n    const textarea = ref.current;\n    if (!textarea || !autoGrow) return;\n\n    // Reset height to auto to get the correct scrollHeight\n    textarea.style.height = \"auto\";\n\n    // Calculate the new height based on content\n    const contentHeight = textarea.scrollHeight;\n\n    // Always resize to fit content (both growing and shrinking)\n    // This ensures the textarea always fits the content exactly\n    const newHeight = contentHeight;\n\n    // Apply maxHeight constraint if specified\n    const computedStyle = window.getComputedStyle(textarea);\n    const maxHeightPxValue = parseInt(computedStyle.maxHeight);\n    const finalHeight = maxHeightPxValue\n      ? Math.min(newHeight, maxHeightPxValue)\n      : newHeight;\n\n    // Set the new height\n    textarea.style.height = `${finalHeight}px`;\n  }, [autoGrow, ref]);\n\n  // Set up auto-grow behavior with event listeners\n  useEffect(() => {\n    const textarea = ref.current;\n    if (!textarea || !autoGrow) return;\n\n    // Initial adjustment\n    adjustHeight();\n\n    // Add input event listener for real-time adjustments\n    const handleInput = () => {\n      adjustHeight();\n    };\n\n    textarea.addEventListener(\"input\", handleInput);\n\n    // Cleanup\n    return () => {\n      textarea.removeEventListener(\"input\", handleInput);\n    };\n  }, [adjustHeight, autoGrow, ref]);\n\n  return (\n    <MultilineTextInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <TextArea ref={ref} rows={rows} {...inputProps} />\n    </MultilineTextInputRootSlot>\n  );\n};\n\nMultilineTextInput.displayName = \"MultilineTextInput\";\n"],"names":["multilineTextInputRecipe","defineRecipe","designTokens","withContext","createRecipeContext","MultilineTextInputRootSlot","MultilineTextInput","props","forwardedRef","rows","autoGrow","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","adjustHeight","useCallback","textarea","newHeight","computedStyle","maxHeightPxValue","finalHeight","useEffect","handleInput","jsx","TextArea"],"mappings":"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"}