@protonradio/proton-ui 0.11.23-beta.4 → 0.11.23-beta.5

package/dist/components/Input/BaseInput/Input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),L=require("../../ThemeProvider.cjs.js");;/* empty css               */const M=require("../../../utils/copy.cjs.js"),d=require("../../../utils/string.cjs.js"),J=r.forwardRef(({prefix:f,suffix:l,description:c,descriptionPosition:v="top",isDisabled:S,error:a,onChange:I,label:x,name:p,placeholder:$,type:q="text",value:w,autoFocus:z,autoComplete:A,isRequired:y=!1,isReadOnly:R=!1,onSubmit:T,onClear:W,"data-testid":V},B)=>{const N=r.useRef(null),u=r.useRef(null),h=r.useRef(null),n=r.useRef(null),{className:U}=L.useTheme(),F=B||N;r.useEffect(()=>{if(!n.current)return;let e=0,C=Date.now();const i={containerWidth:0,prefixWidth:0,suffixWidth:0},E=j=>{var D,k;e++;const P=Date.now(),_=P-C;C=P;const K=(j==null?void 0:j.map(t=>t.target.className||"unknown").join(","))||"initial";if(fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:149",message:"ResizeObserver callback invoked",data:{callbackCount:e,timeSinceLastUpdate:_,triggeredBy:K},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"A"})}).catch(()=>{}),n.current){const t=n.current.offsetWidth||200,o=t!==i.containerWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:152",message:"Reading container width",data:{containerWidth:t,previousValue:i.containerWidth,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"C"})}).catch(()=>{}),n.current.style.setProperty("--container-width",`${t}px`),i.containerWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:157",message:"Set container-width CSS property",data:{containerWidth:t,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"A"})}).catch(()=>{})}if(u.current){const t=u.current.offsetWidth||32,o=t!==i.prefixWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:163",message:"Reading prefix width",data:{prefixWidth:t,previousValue:i.prefixWidth,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"C"})}).catch(()=>{}),(D=n.current)==null||D.style.setProperty("--prefix-width",`${t}px`),i.prefixWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:168",message:"Set prefix-width CSS property",data:{prefixWidth:t,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"A"})}).catch(()=>{})}if(h.current){const t=h.current.offsetWidth||32,o=t!==i.suffixWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:174",message:"Reading suffix width",data:{suffixWidth:t,previousValue:i.suffixWidth,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"C"})}).catch(()=>{}),(k=n.current)==null||k.style.setProperty("--suffix-width",`${t}px`),i.suffixWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:179",message:"Set suffix-width CSS property",data:{suffixWidth:t,changed:o},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"A"})}).catch(()=>{})}_<10&&fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:185",message:"Rapid callback detected",data:{callbackCount:e,timeSinceLastUpdate:_},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"E"})}).catch(()=>{})};E();const m=new ResizeObserver(E);return n.current&&m.observe(n.current),u.current&&m.observe(u.current),h.current&&m.observe(h.current),()=>{m.disconnect()}},[f,l]);const O=`${p}-input`,b=`${p}-error`,g=`${p}-description`;return s.jsxRuntimeExports.jsxs("div",{ref:n,className:"proton-Input__container",children:[c&&v==="top"&&s.jsxRuntimeExports.jsx("div",{id:g,className:"proton-Input__text","aria-live":"polite",children:c}),s.jsxRuntimeExports.jsxs("div",{className:d.csx("proton-Input__container-inner",f&&"proton-Input__has-prefix",l&&"proton-Input__has-suffix"),children:[f&&s.jsxRuntimeExports.jsx("div",{ref:u,className:d.csx("proton-Input__descriptor","proton-Input__prefix"),children:f}),s.jsxRuntimeExports.jsx("input",{id:O,name:p,type:q,value:w,onChange:e=>{I==null||I(e.target.value)},onKeyDown:e=>{switch(e.key){case"Enter":T&&(e.preventDefault(),T(e));break;case"Escape":W&&(e.preventDefault(),W());break}},onCopy:async()=>{var e;return await M.copyTextToClipboard((e=N.current)==null?void 0:e.value)},disabled:S,readOnly:R,required:y,autoFocus:z,autoComplete:A?"on":"off",placeholder:x?void 0:$,"aria-label":x||p,"aria-invalid":!!a,"aria-errormessage":typeof a=="string"?a:b,"aria-required":y,"aria-readonly":R,"aria-describedby":a?b:c?g:void 0,"aria-disabled":S,"data-testid":V,ref:F,className:d.csx("proton-Input",a&&"proton-Input--error",x&&"proton-Input__label-top",U)}),s.jsxRuntimeExports.jsxs("label",{htmlFor:O,className:d.csx("proton-Input__label",w&&"proton-Input__label--filled"),children:[x,y&&s.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:" *"})]}),l&&s.jsxRuntimeExports.jsx("div",{ref:h,className:d.csx("proton-Input__descriptor","proton-Input__suffix"),children:l})]}),a?s.jsxRuntimeExports.jsx("div",{role:"alert",className:d.csx("proton-Input__error","proton-Input__text"),id:b,children:a}):c&&v==="bottom"?s.jsxRuntimeExports.jsx("div",{id:g,className:"proton-Input__text","aria-live":"polite",children:c}):null]})});J.displayName="ProtonUIInput";exports.Input=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../node_modules/react/jsx-runtime.cjs.js"),d=require("react"),M=require("../../ThemeProvider.cjs.js");;/* empty css               */const G=require("../../../utils/copy.cjs.js"),r=require("../../../utils/string.cjs.js"),$=d.forwardRef(({prefix:l,suffix:x,description:p,descriptionPosition:v="top",isDisabled:T,error:o,onChange:y,label:m,name:c,placeholder:q,type:A="text",value:O,autoFocus:z,autoComplete:F,isRequired:b=!1,isReadOnly:C=!1,onSubmit:N,onClear:R,"data-testid":V},B)=>{const W=d.useRef(null),u=d.useRef(null),h=d.useRef(null),n=d.useRef(null),{className:U}=M.useTheme(),K=B||W;d.useEffect(()=>{if(!n.current)return;let s=0,D=Date.now();const a={containerWidth:0,prefixWidth:0,suffixWidth:0};let f=null;const E=w=>{s++;const k=Date.now(),_=k-D;D=k;const L=(w==null?void 0:w.map(I=>I.target.className||"unknown").join(","))||"initial";fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:149",message:"ResizeObserver callback invoked",data:{callbackCount:s,timeSinceLastUpdate:_,triggeredBy:L},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"A"})}).catch(()=>{}),f!==null&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var I,J;if(n.current){if(n.current){const t=n.current.offsetWidth||200,e=t!==a.containerWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:152",message:"Reading container width",data:{containerWidth:t,previousValue:a.containerWidth,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{}),e?(n.current.style.setProperty("--container-width",`${t}px`),a.containerWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:157",message:"Set container-width CSS property",data:{containerWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"A"})}).catch(()=>{})):fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:157",message:"Skipped setting container-width (unchanged)",data:{containerWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{})}if(u.current){const t=u.current.offsetWidth||32,e=t!==a.prefixWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:163",message:"Reading prefix width",data:{prefixWidth:t,previousValue:a.prefixWidth,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{}),e?((I=n.current)==null||I.style.setProperty("--prefix-width",`${t}px`),a.prefixWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:168",message:"Set prefix-width CSS property",data:{prefixWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"A"})}).catch(()=>{})):fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:168",message:"Skipped setting prefix-width (unchanged)",data:{prefixWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{})}if(h.current){const t=h.current.offsetWidth||32,e=t!==a.suffixWidth;fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:174",message:"Reading suffix width",data:{suffixWidth:t,previousValue:a.suffixWidth,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{}),e?((J=n.current)==null||J.style.setProperty("--suffix-width",`${t}px`),a.suffixWidth=t,fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:179",message:"Set suffix-width CSS property",data:{suffixWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"A"})}).catch(()=>{})):fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:179",message:"Skipped setting suffix-width (unchanged)",data:{suffixWidth:t,changed:e},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"C"})}).catch(()=>{})}_<10&&fetch("http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"Input.tsx:185",message:"Rapid callback detected",data:{callbackCount:s,timeSinceLastUpdate:_},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"E"})}).catch(()=>{})}})};E();const g=new ResizeObserver(E);return n.current&&g.observe(n.current),u.current&&g.observe(u.current),h.current&&g.observe(h.current),()=>{f!==null&&cancelAnimationFrame(f),g.disconnect()}},[l,x]);const P=`${c}-input`,S=`${c}-error`,j=`${c}-description`;return i.jsxRuntimeExports.jsxs("div",{ref:n,className:"proton-Input__container",children:[p&&v==="top"&&i.jsxRuntimeExports.jsx("div",{id:j,className:"proton-Input__text","aria-live":"polite",children:p}),i.jsxRuntimeExports.jsxs("div",{className:r.csx("proton-Input__container-inner",l&&"proton-Input__has-prefix",x&&"proton-Input__has-suffix"),children:[l&&i.jsxRuntimeExports.jsx("div",{ref:u,className:r.csx("proton-Input__descriptor","proton-Input__prefix"),children:l}),i.jsxRuntimeExports.jsx("input",{id:P,name:c,type:A,value:O,onChange:s=>{y==null||y(s.target.value)},onKeyDown:s=>{switch(s.key){case"Enter":N&&(s.preventDefault(),N(s));break;case"Escape":R&&(s.preventDefault(),R());break}},onCopy:async()=>{var s;return await G.copyTextToClipboard((s=W.current)==null?void 0:s.value)},disabled:T,readOnly:C,required:b,autoFocus:z,autoComplete:F?"on":"off",placeholder:m?void 0:q,"aria-label":m||c,"aria-invalid":!!o,"aria-errormessage":typeof o=="string"?o:S,"aria-required":b,"aria-readonly":C,"aria-describedby":o?S:p?j:void 0,"aria-disabled":T,"data-testid":V,ref:K,className:r.csx("proton-Input",o&&"proton-Input--error",m&&"proton-Input__label-top",U)}),i.jsxRuntimeExports.jsxs("label",{htmlFor:P,className:r.csx("proton-Input__label",O&&"proton-Input__label--filled"),children:[m,b&&i.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:" *"})]}),x&&i.jsxRuntimeExports.jsx("div",{ref:h,className:r.csx("proton-Input__descriptor","proton-Input__suffix"),children:x})]}),o?i.jsxRuntimeExports.jsx("div",{role:"alert",className:r.csx("proton-Input__error","proton-Input__text"),id:S,children:o}):p&&v==="bottom"?i.jsxRuntimeExports.jsx("div",{id:j,className:"proton-Input__text","aria-live":"polite",children:p}):null]})});$.displayName="ProtonUIInput";exports.Input=$;
 //# sourceMappingURL=Input.cjs.js.map

package/dist/components/Input/BaseInput/Input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useRef } from \"react\";\n\nimport { useTheme } from \"../../ThemeProvider\";\nimport { csx } from \"../../../utils\";\nimport \"./Input.css\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\n\nexport interface BaseInputProps {\n  /**\n   * onChange handler for the input\n   */\n  onChange?: (value: string) => void;\n\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n\n  /** Description text shown above the input. */\n  description?: React.ReactNode | string;\n\n  /**\n   * The position of the description text.\n   * @default \"top\"\n   */\n  descriptionPosition?: \"top\" | \"bottom\";\n\n  /** Error state that changes the input's visual style and displays an error message. */\n  error?: React.ReactNode | string;\n\n  /**\n   * Label for the input element.\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\n   */\n  label?: string;\n\n  /** Test ID for the component. */\n  \"data-testid\"?: string;\n\n  /** Content to display before the input. Typically used for icons. */\n  prefix?: React.ReactNode;\n\n  /** Content to display after the input. Typically used for icons. */\n  suffix?: React.ReactNode;\n\n  /**\n   * Should the browser's autocomplete be enabled?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autoComplete?: boolean;\n\n  /**\n   * Should the input be autofocused?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\n   */\n  autoFocus?: boolean;\n\n  /**\n   * The name attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\n   */\n  name: string;\n\n  /**\n   * The placeholder text to display when the input is empty.\n   * @note label takes precedence over placeholder, if both are provided.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\n   */\n  placeholder?: string;\n\n  /**\n   * The type attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\n   * @default \"text\"\n   */\n  type?: string;\n\n  /**\n   * The value of the input.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\n   */\n  value?: string;\n\n  /**\n   * Whether the input is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /**\n   * Whether the input is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Called when the input is submitted (e.g. by pressing Enter).\n   */\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\n\n  /**\n   * Called when the input is cleared (e.g. by pressing Escape).\n   */\n  onClear?: () => void;\n}\n\n/**\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\n *\n * API:\n *  - {@link BaseInputProps}\n */\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\n  (\n    {\n      prefix,\n      suffix,\n      description,\n      descriptionPosition = \"top\",\n      isDisabled,\n      error,\n      onChange,\n      label,\n      name,\n      placeholder,\n      type = \"text\",\n      value,\n      autoFocus,\n      autoComplete,\n      isRequired = false,\n      isReadOnly = false,\n      onSubmit,\n      onClear,\n      \"data-testid\": testId,\n    },\n    forwardedRef: React.RefObject<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const prefixRef = useRef<HTMLDivElement>(null);\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { className } = useTheme();\n    const ref = forwardedRef || inputRef;\n\n    // Control dynamic prefix and suffix widths using ResizeObserver\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      // #region agent log\n      let callbackCount = 0;\n      let lastUpdateTime = Date.now();\n      const previousValues = {\n        containerWidth: 0,\n        prefixWidth: 0,\n        suffixWidth: 0,\n      };\n      // #endregion\n\n      const updateSizes = (entries?: ResizeObserverEntry[]) => {\n        // #region agent log\n        callbackCount++;\n        const now = Date.now();\n        const timeSinceLastUpdate = now - lastUpdateTime;\n        lastUpdateTime = now;\n        const triggeredBy =\n          entries?.map((e) => e.target.className || \"unknown\").join(\",\") ||\n          \"initial\";\n        fetch(\n          \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              location: \"Input.tsx:149\",\n              message: \"ResizeObserver callback invoked\",\n              data: { callbackCount, timeSinceLastUpdate, triggeredBy },\n              timestamp: Date.now(),\n              sessionId: \"debug-session\",\n              runId: \"run1\",\n              hypothesisId: \"A\",\n            }),\n          }\n        ).catch(() => {});\n        // #endregion\n\n        if (containerRef.current) {\n          const containerWidth = containerRef.current.offsetWidth || 200;\n          // #region agent log\n          const containerWidthChanged =\n            containerWidth !== previousValues.containerWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:152\",\n                message: \"Reading container width\",\n                data: {\n                  containerWidth,\n                  previousValue: previousValues.containerWidth,\n                  changed: containerWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current.style.setProperty(\n            \"--container-width\",\n            `${containerWidth}px`\n          );\n          // #region agent log\n          previousValues.containerWidth = containerWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:157\",\n                message: \"Set container-width CSS property\",\n                data: { containerWidth, changed: containerWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        if (prefixRef.current) {\n          const prefixWidth = prefixRef.current.offsetWidth || 32;\n          // #region agent log\n          const prefixWidthChanged = prefixWidth !== previousValues.prefixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:163\",\n                message: \"Reading prefix width\",\n                data: {\n                  prefixWidth,\n                  previousValue: previousValues.prefixWidth,\n                  changed: prefixWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current?.style.setProperty(\n            \"--prefix-width\",\n            `${prefixWidth}px`\n          );\n          // #region agent log\n          previousValues.prefixWidth = prefixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:168\",\n                message: \"Set prefix-width CSS property\",\n                data: { prefixWidth, changed: prefixWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        if (suffixRef.current) {\n          const suffixWidth = suffixRef.current.offsetWidth || 32;\n          // #region agent log\n          const suffixWidthChanged = suffixWidth !== previousValues.suffixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:174\",\n                message: \"Reading suffix width\",\n                data: {\n                  suffixWidth,\n                  previousValue: previousValues.suffixWidth,\n                  changed: suffixWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current?.style.setProperty(\n            \"--suffix-width\",\n            `${suffixWidth}px`\n          );\n          // #region agent log\n          previousValues.suffixWidth = suffixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:179\",\n                message: \"Set suffix-width CSS property\",\n                data: { suffixWidth, changed: suffixWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        // #region agent log\n        if (timeSinceLastUpdate < 10) {\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:185\",\n                message: \"Rapid callback detected\",\n                data: { callbackCount, timeSinceLastUpdate },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"E\",\n              }),\n            }\n          ).catch(() => {});\n        }\n        // #endregion\n      };\n\n      updateSizes();\n\n      const resizeObserver = new ResizeObserver(updateSizes);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n      if (prefixRef.current) {\n        resizeObserver.observe(prefixRef.current);\n      }\n      if (suffixRef.current) {\n        resizeObserver.observe(suffixRef.current);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, [prefix, suffix]);\n\n    const inputId = `${name}-input`;\n    const errorId = `${name}-error`;\n    const descriptionId = `${name}-description`;\n\n    return (\n      <div ref={containerRef} className=\"proton-Input__container\">\n        {description && descriptionPosition === \"top\" && (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        )}\n        <div\n          className={csx(\n            \"proton-Input__container-inner\",\n            prefix && \"proton-Input__has-prefix\",\n            suffix && \"proton-Input__has-suffix\"\n          )}\n        >\n          {prefix && (\n            <div\n              ref={prefixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__prefix\"\n              )}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            id={inputId}\n            name={name}\n            type={type}\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              onChange?.(e.target.value);\n            }}\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n              switch (e.key) {\n                case \"Enter\":\n                  if (onSubmit) {\n                    e.preventDefault();\n                    onSubmit(e);\n                  }\n                  break;\n                case \"Escape\":\n                  if (onClear) {\n                    e.preventDefault();\n                    onClear();\n                  }\n                  break;\n              }\n            }}\n            onCopy={async () =>\n              await copyTextToClipboard(inputRef.current?.value)\n            }\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            required={isRequired}\n            autoFocus={autoFocus}\n            autoComplete={autoComplete ? \"on\" : \"off\"}\n            placeholder={label ? undefined : placeholder}\n            aria-label={label || name}\n            aria-invalid={Boolean(error)}\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\n            aria-required={isRequired}\n            aria-readonly={isReadOnly}\n            aria-describedby={\n              error ? errorId : description ? descriptionId : undefined\n            }\n            aria-disabled={isDisabled}\n            data-testid={testId}\n            ref={ref}\n            className={csx(\n              \"proton-Input\",\n              error && \"proton-Input--error\",\n              label && \"proton-Input__label-top\",\n              className\n            )}\n          />\n\n          <label\n            htmlFor={inputId}\n            className={csx(\n              \"proton-Input__label\",\n              value && \"proton-Input__label--filled\"\n            )}\n          >\n            {label}\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\n          </label>\n\n          {suffix && (\n            <div\n              ref={suffixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__suffix\"\n              )}\n            >\n              {suffix}\n            </div>\n          )}\n        </div>\n\n        {error ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : description && descriptionPosition === \"bottom\" ? (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"ProtonUIInput\";\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","callbackCount","lastUpdateTime","previousValues","updateSizes","entries","now","timeSinceLastUpdate","triggeredBy","e","containerWidth","containerWidthChanged","prefixWidth","prefixWidthChanged","_a","suffixWidth","suffixWidthChanged","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","copyTextToClipboard"],"mappings":"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"}
+{"version":3,"file":"Input.cjs.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useRef } from \"react\";\n\nimport { useTheme } from \"../../ThemeProvider\";\nimport { csx } from \"../../../utils\";\nimport \"./Input.css\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\n\nexport interface BaseInputProps {\n  /**\n   * onChange handler for the input\n   */\n  onChange?: (value: string) => void;\n\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n\n  /** Description text shown above the input. */\n  description?: React.ReactNode | string;\n\n  /**\n   * The position of the description text.\n   * @default \"top\"\n   */\n  descriptionPosition?: \"top\" | \"bottom\";\n\n  /** Error state that changes the input's visual style and displays an error message. */\n  error?: React.ReactNode | string;\n\n  /**\n   * Label for the input element.\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\n   */\n  label?: string;\n\n  /** Test ID for the component. */\n  \"data-testid\"?: string;\n\n  /** Content to display before the input. Typically used for icons. */\n  prefix?: React.ReactNode;\n\n  /** Content to display after the input. Typically used for icons. */\n  suffix?: React.ReactNode;\n\n  /**\n   * Should the browser's autocomplete be enabled?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autoComplete?: boolean;\n\n  /**\n   * Should the input be autofocused?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\n   */\n  autoFocus?: boolean;\n\n  /**\n   * The name attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\n   */\n  name: string;\n\n  /**\n   * The placeholder text to display when the input is empty.\n   * @note label takes precedence over placeholder, if both are provided.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\n   */\n  placeholder?: string;\n\n  /**\n   * The type attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\n   * @default \"text\"\n   */\n  type?: string;\n\n  /**\n   * The value of the input.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\n   */\n  value?: string;\n\n  /**\n   * Whether the input is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /**\n   * Whether the input is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Called when the input is submitted (e.g. by pressing Enter).\n   */\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\n\n  /**\n   * Called when the input is cleared (e.g. by pressing Escape).\n   */\n  onClear?: () => void;\n}\n\n/**\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\n *\n * API:\n *  - {@link BaseInputProps}\n */\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\n  (\n    {\n      prefix,\n      suffix,\n      description,\n      descriptionPosition = \"top\",\n      isDisabled,\n      error,\n      onChange,\n      label,\n      name,\n      placeholder,\n      type = \"text\",\n      value,\n      autoFocus,\n      autoComplete,\n      isRequired = false,\n      isReadOnly = false,\n      onSubmit,\n      onClear,\n      \"data-testid\": testId,\n    },\n    forwardedRef: React.RefObject<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const prefixRef = useRef<HTMLDivElement>(null);\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { className } = useTheme();\n    const ref = forwardedRef || inputRef;\n\n    // Control dynamic prefix and suffix widths using ResizeObserver\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      // #region agent log\n      let callbackCount = 0;\n      let lastUpdateTime = Date.now();\n      const previousValues = {\n        containerWidth: 0,\n        prefixWidth: 0,\n        suffixWidth: 0,\n      };\n      // #endregion\n\n      let rafId: number | null = null;\n\n      const updateSizes = (entries?: ResizeObserverEntry[]) => {\n        // #region agent log\n        callbackCount++;\n        const now = Date.now();\n        const timeSinceLastUpdate = now - lastUpdateTime;\n        lastUpdateTime = now;\n        const triggeredBy =\n          entries?.map((e) => e.target.className || \"unknown\").join(\",\") ||\n          \"initial\";\n        fetch(\n          \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              location: \"Input.tsx:149\",\n              message: \"ResizeObserver callback invoked\",\n              data: { callbackCount, timeSinceLastUpdate, triggeredBy },\n              timestamp: Date.now(),\n              sessionId: \"debug-session\",\n              runId: \"post-fix\",\n              hypothesisId: \"A\",\n            }),\n          }\n        ).catch(() => {});\n        // #endregion\n\n        // Cancel any pending animation frame\n        if (rafId !== null) {\n          cancelAnimationFrame(rafId);\n        }\n\n        // Batch DOM updates in requestAnimationFrame to avoid synchronous mutations\n        rafId = requestAnimationFrame(() => {\n          if (!containerRef.current) return;\n\n          if (containerRef.current) {\n            const containerWidth = containerRef.current.offsetWidth || 200;\n            // #region agent log\n            const containerWidthChanged =\n              containerWidth !== previousValues.containerWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:152\",\n                  message: \"Reading container width\",\n                  data: {\n                    containerWidth,\n                    previousValue: previousValues.containerWidth,\n                    changed: containerWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (containerWidthChanged) {\n              containerRef.current.style.setProperty(\n                \"--container-width\",\n                `${containerWidth}px`\n              );\n              // #region agent log\n              previousValues.containerWidth = containerWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:157\",\n                    message: \"Set container-width CSS property\",\n                    data: { containerWidth, changed: containerWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:157\",\n                    message: \"Skipped setting container-width (unchanged)\",\n                    data: { containerWidth, changed: containerWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          if (prefixRef.current) {\n            const prefixWidth = prefixRef.current.offsetWidth || 32;\n            // #region agent log\n            const prefixWidthChanged =\n              prefixWidth !== previousValues.prefixWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:163\",\n                  message: \"Reading prefix width\",\n                  data: {\n                    prefixWidth,\n                    previousValue: previousValues.prefixWidth,\n                    changed: prefixWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (prefixWidthChanged) {\n              containerRef.current?.style.setProperty(\n                \"--prefix-width\",\n                `${prefixWidth}px`\n              );\n              // #region agent log\n              previousValues.prefixWidth = prefixWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:168\",\n                    message: \"Set prefix-width CSS property\",\n                    data: { prefixWidth, changed: prefixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:168\",\n                    message: \"Skipped setting prefix-width (unchanged)\",\n                    data: { prefixWidth, changed: prefixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          if (suffixRef.current) {\n            const suffixWidth = suffixRef.current.offsetWidth || 32;\n            // #region agent log\n            const suffixWidthChanged =\n              suffixWidth !== previousValues.suffixWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:174\",\n                  message: \"Reading suffix width\",\n                  data: {\n                    suffixWidth,\n                    previousValue: previousValues.suffixWidth,\n                    changed: suffixWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (suffixWidthChanged) {\n              containerRef.current?.style.setProperty(\n                \"--suffix-width\",\n                `${suffixWidth}px`\n              );\n              // #region agent log\n              previousValues.suffixWidth = suffixWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:179\",\n                    message: \"Set suffix-width CSS property\",\n                    data: { suffixWidth, changed: suffixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:179\",\n                    message: \"Skipped setting suffix-width (unchanged)\",\n                    data: { suffixWidth, changed: suffixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          // #region agent log\n          if (timeSinceLastUpdate < 10) {\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:185\",\n                  message: \"Rapid callback detected\",\n                  data: { callbackCount, timeSinceLastUpdate },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"E\",\n                }),\n              }\n            ).catch(() => {});\n          }\n          // #endregion\n        });\n      };\n\n      updateSizes();\n\n      const resizeObserver = new ResizeObserver(updateSizes);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n      if (prefixRef.current) {\n        resizeObserver.observe(prefixRef.current);\n      }\n      if (suffixRef.current) {\n        resizeObserver.observe(suffixRef.current);\n      }\n\n      return () => {\n        if (rafId !== null) {\n          cancelAnimationFrame(rafId);\n        }\n        resizeObserver.disconnect();\n      };\n    }, [prefix, suffix]);\n\n    const inputId = `${name}-input`;\n    const errorId = `${name}-error`;\n    const descriptionId = `${name}-description`;\n\n    return (\n      <div ref={containerRef} className=\"proton-Input__container\">\n        {description && descriptionPosition === \"top\" && (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        )}\n        <div\n          className={csx(\n            \"proton-Input__container-inner\",\n            prefix && \"proton-Input__has-prefix\",\n            suffix && \"proton-Input__has-suffix\"\n          )}\n        >\n          {prefix && (\n            <div\n              ref={prefixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__prefix\"\n              )}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            id={inputId}\n            name={name}\n            type={type}\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              onChange?.(e.target.value);\n            }}\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n              switch (e.key) {\n                case \"Enter\":\n                  if (onSubmit) {\n                    e.preventDefault();\n                    onSubmit(e);\n                  }\n                  break;\n                case \"Escape\":\n                  if (onClear) {\n                    e.preventDefault();\n                    onClear();\n                  }\n                  break;\n              }\n            }}\n            onCopy={async () =>\n              await copyTextToClipboard(inputRef.current?.value)\n            }\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            required={isRequired}\n            autoFocus={autoFocus}\n            autoComplete={autoComplete ? \"on\" : \"off\"}\n            placeholder={label ? undefined : placeholder}\n            aria-label={label || name}\n            aria-invalid={Boolean(error)}\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\n            aria-required={isRequired}\n            aria-readonly={isReadOnly}\n            aria-describedby={\n              error ? errorId : description ? descriptionId : undefined\n            }\n            aria-disabled={isDisabled}\n            data-testid={testId}\n            ref={ref}\n            className={csx(\n              \"proton-Input\",\n              error && \"proton-Input--error\",\n              label && \"proton-Input__label-top\",\n              className\n            )}\n          />\n\n          <label\n            htmlFor={inputId}\n            className={csx(\n              \"proton-Input__label\",\n              value && \"proton-Input__label--filled\"\n            )}\n          >\n            {label}\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\n          </label>\n\n          {suffix && (\n            <div\n              ref={suffixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__suffix\"\n              )}\n            >\n              {suffix}\n            </div>\n          )}\n        </div>\n\n        {error ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : description && descriptionPosition === \"bottom\" ? (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"ProtonUIInput\";\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","callbackCount","lastUpdateTime","previousValues","rafId","updateSizes","entries","now","timeSinceLastUpdate","triggeredBy","e","containerWidth","containerWidthChanged","prefixWidth","prefixWidthChanged","_a","suffixWidth","suffixWidthChanged","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","copyTextToClipboard"],"mappings":"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"}

package/dist/components/Input/BaseInput/Input.es.js

@@ -1,46 +1,47 @@
-import { j as n } from "../../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as L, useRef as I, useEffect as q } from "react";
-import { useTheme as G } from "../../ThemeProvider.es.js";
+import { j as i } from "../../../node_modules/react/jsx-runtime.es.js";
+import { forwardRef as L, useRef as x, useEffect as G } from "react";
+import { useTheme as H } from "../../ThemeProvider.es.js";
 /* empty css             */
-import { copyTextToClipboard as H } from "../../../utils/copy.es.js";
-import { csx as r } from "../../../utils/string.es.js";
-const M = L(
+import { copyTextToClipboard as M } from "../../../utils/copy.es.js";
+import { csx as d } from "../../../utils/string.es.js";
+const Q = L(
   ({
     prefix: u,
-    suffix: f,
-    description: d,
-    descriptionPosition: w = "top",
-    isDisabled: S,
+    suffix: l,
+    description: r,
+    descriptionPosition: T = "top",
+    isDisabled: O,
     error: o,
     onChange: y,
-    label: l,
+    label: m,
     name: p,
     placeholder: $,
     type: E = "text",
     value: j,
     autoFocus: z,
-    autoComplete: A,
+    autoComplete: F,
     isRequired: b = !1,
-    isReadOnly: W = !1,
+    isReadOnly: C = !1,
     onSubmit: N,
-    onClear: T,
+    onClear: W,
     "data-testid": V
   }, U) => {
-    const O = I(null), c = I(null), h = I(null), s = I(null), { className: B } = G(), F = U || O;
-    q(() => {
+    const D = x(null), c = x(null), h = x(null), s = x(null), { className: B } = H(), q = U || D;
+    G(() => {
       if (!s.current) return;
-      let e = 0, D = Date.now();
+      let n = 0, k = Date.now();
       const a = {
         containerWidth: 0,
         prefixWidth: 0,
         suffixWidth: 0
-      }, P = (_) => {
-        var k, J;
-        e++;
-        const R = Date.now(), v = R - D;
-        D = R;
-        const K = (_ == null ? void 0 : _.map((t) => t.target.className || "unknown").join(",")) || "initial";
-        if (fetch(
+      };
+      let f = null;
+      const J = (_) => {
+        n++;
+        const R = Date.now(), v = R - k;
+        k = R;
+        const K = (_ == null ? void 0 : _.map((I) => I.target.className || "unknown").join(",")) || "initial";
+        fetch(
           "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
           {
             method: "POST",
@@ -48,295 +49,348 @@ const M = L(
             body: JSON.stringify({
               location: "Input.tsx:149",
               message: "ResizeObserver callback invoked",
-              data: { callbackCount: e, timeSinceLastUpdate: v, triggeredBy: K },
+              data: { callbackCount: n, timeSinceLastUpdate: v, triggeredBy: K },
               timestamp: Date.now(),
               sessionId: "debug-session",
-              runId: "run1",
+              runId: "post-fix",
               hypothesisId: "A"
             })
           }
         ).catch(() => {
-        }), s.current) {
-          const t = s.current.offsetWidth || 200, i = t !== a.containerWidth;
-          fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:152",
-                message: "Reading container width",
-                data: {
-                  containerWidth: t,
-                  previousValue: a.containerWidth,
-                  changed: i
-                },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "C"
-              })
-            }
-          ).catch(() => {
-          }), s.current.style.setProperty(
-            "--container-width",
-            `${t}px`
-          ), a.containerWidth = t, fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:157",
-                message: "Set container-width CSS property",
-                data: { containerWidth: t, changed: i },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "A"
-              })
+        }), f !== null && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+          var I, A;
+          if (s.current) {
+            if (s.current) {
+              const t = s.current.offsetWidth || 200, e = t !== a.containerWidth;
+              fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:152",
+                    message: "Reading container width",
+                    data: {
+                      containerWidth: t,
+                      previousValue: a.containerWidth,
+                      changed: e
+                    },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              }), e ? (s.current.style.setProperty(
+                "--container-width",
+                `${t}px`
+              ), a.containerWidth = t, fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:157",
+                    message: "Set container-width CSS property",
+                    data: { containerWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "A"
+                  })
+                }
+              ).catch(() => {
+              })) : fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:157",
+                    message: "Skipped setting container-width (unchanged)",
+                    data: { containerWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              });
             }
-          ).catch(() => {
-          });
-        }
-        if (c.current) {
-          const t = c.current.offsetWidth || 32, i = t !== a.prefixWidth;
-          fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:163",
-                message: "Reading prefix width",
-                data: {
-                  prefixWidth: t,
-                  previousValue: a.prefixWidth,
-                  changed: i
-                },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "C"
-              })
+            if (c.current) {
+              const t = c.current.offsetWidth || 32, e = t !== a.prefixWidth;
+              fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:163",
+                    message: "Reading prefix width",
+                    data: {
+                      prefixWidth: t,
+                      previousValue: a.prefixWidth,
+                      changed: e
+                    },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              }), e ? ((I = s.current) == null || I.style.setProperty(
+                "--prefix-width",
+                `${t}px`
+              ), a.prefixWidth = t, fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:168",
+                    message: "Set prefix-width CSS property",
+                    data: { prefixWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "A"
+                  })
+                }
+              ).catch(() => {
+              })) : fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:168",
+                    message: "Skipped setting prefix-width (unchanged)",
+                    data: { prefixWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              });
             }
-          ).catch(() => {
-          }), (k = s.current) == null || k.style.setProperty(
-            "--prefix-width",
-            `${t}px`
-          ), a.prefixWidth = t, fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:168",
-                message: "Set prefix-width CSS property",
-                data: { prefixWidth: t, changed: i },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "A"
-              })
+            if (h.current) {
+              const t = h.current.offsetWidth || 32, e = t !== a.suffixWidth;
+              fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:174",
+                    message: "Reading suffix width",
+                    data: {
+                      suffixWidth: t,
+                      previousValue: a.suffixWidth,
+                      changed: e
+                    },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              }), e ? ((A = s.current) == null || A.style.setProperty(
+                "--suffix-width",
+                `${t}px`
+              ), a.suffixWidth = t, fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:179",
+                    message: "Set suffix-width CSS property",
+                    data: { suffixWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "A"
+                  })
+                }
+              ).catch(() => {
+              })) : fetch(
+                "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+                {
+                  method: "POST",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({
+                    location: "Input.tsx:179",
+                    message: "Skipped setting suffix-width (unchanged)",
+                    data: { suffixWidth: t, changed: e },
+                    timestamp: Date.now(),
+                    sessionId: "debug-session",
+                    runId: "post-fix",
+                    hypothesisId: "C"
+                  })
+                }
+              ).catch(() => {
+              });
             }
-          ).catch(() => {
-          });
-        }
-        if (h.current) {
-          const t = h.current.offsetWidth || 32, i = t !== a.suffixWidth;
-          fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:174",
-                message: "Reading suffix width",
-                data: {
-                  suffixWidth: t,
-                  previousValue: a.suffixWidth,
-                  changed: i
-                },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "C"
-              })
-            }
-          ).catch(() => {
-          }), (J = s.current) == null || J.style.setProperty(
-            "--suffix-width",
-            `${t}px`
-          ), a.suffixWidth = t, fetch(
-            "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-            {
-              method: "POST",
-              headers: { "Content-Type": "application/json" },
-              body: JSON.stringify({
-                location: "Input.tsx:179",
-                message: "Set suffix-width CSS property",
-                data: { suffixWidth: t, changed: i },
-                timestamp: Date.now(),
-                sessionId: "debug-session",
-                runId: "run1",
-                hypothesisId: "A"
-              })
-            }
-          ).catch(() => {
-          });
-        }
-        v < 10 && fetch(
-          "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
-          {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              location: "Input.tsx:185",
-              message: "Rapid callback detected",
-              data: { callbackCount: e, timeSinceLastUpdate: v },
-              timestamp: Date.now(),
-              sessionId: "debug-session",
-              runId: "run1",
-              hypothesisId: "E"
-            })
+            v < 10 && fetch(
+              "http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324",
+              {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                  location: "Input.tsx:185",
+                  message: "Rapid callback detected",
+                  data: { callbackCount: n, timeSinceLastUpdate: v },
+                  timestamp: Date.now(),
+                  sessionId: "debug-session",
+                  runId: "post-fix",
+                  hypothesisId: "E"
+                })
+              }
+            ).catch(() => {
+            });
           }
-        ).catch(() => {
         });
       };
-      P();
-      const m = new ResizeObserver(P);
-      return s.current && m.observe(s.current), c.current && m.observe(c.current), h.current && m.observe(h.current), () => {
-        m.disconnect();
+      J();
+      const g = new ResizeObserver(J);
+      return s.current && g.observe(s.current), c.current && g.observe(c.current), h.current && g.observe(h.current), () => {
+        f !== null && cancelAnimationFrame(f), g.disconnect();
       };
-    }, [u, f]);
-    const C = `${p}-input`, x = `${p}-error`, g = `${p}-description`;
-    return /* @__PURE__ */ n.jsxs("div", { ref: s, className: "proton-Input__container", children: [
-      d && w === "top" && /* @__PURE__ */ n.jsx(
+    }, [u, l]);
+    const P = `${p}-input`, S = `${p}-error`, w = `${p}-description`;
+    return /* @__PURE__ */ i.jsxs("div", { ref: s, className: "proton-Input__container", children: [
+      r && T === "top" && /* @__PURE__ */ i.jsx(
         "div",
         {
-          id: g,
+          id: w,
           className: "proton-Input__text",
           "aria-live": "polite",
-          children: d
+          children: r
         }
       ),
-      /* @__PURE__ */ n.jsxs(
+      /* @__PURE__ */ i.jsxs(
         "div",
         {
-          className: r(
+          className: d(
             "proton-Input__container-inner",
             u && "proton-Input__has-prefix",
-            f && "proton-Input__has-suffix"
+            l && "proton-Input__has-suffix"
           ),
           children: [
-            u && /* @__PURE__ */ n.jsx(
+            u && /* @__PURE__ */ i.jsx(
               "div",
               {
                 ref: c,
-                className: r(
+                className: d(
                   "proton-Input__descriptor",
                   "proton-Input__prefix"
                 ),
                 children: u
               }
             ),
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ i.jsx(
               "input",
               {
-                id: C,
+                id: P,
                 name: p,
                 type: E,
                 value: j,
-                onChange: (e) => {
-                  y == null || y(e.target.value);
+                onChange: (n) => {
+                  y == null || y(n.target.value);
                 },
-                onKeyDown: (e) => {
-                  switch (e.key) {
+                onKeyDown: (n) => {
+                  switch (n.key) {
                     case "Enter":
-                      N && (e.preventDefault(), N(e));
+                      N && (n.preventDefault(), N(n));
                       break;
                     case "Escape":
-                      T && (e.preventDefault(), T());
+                      W && (n.preventDefault(), W());
                       break;
                   }
                 },
                 onCopy: async () => {
-                  var e;
-                  return await H((e = O.current) == null ? void 0 : e.value);
+                  var n;
+                  return await M((n = D.current) == null ? void 0 : n.value);
                 },
-                disabled: S,
-                readOnly: W,
+                disabled: O,
+                readOnly: C,
                 required: b,
                 autoFocus: z,
-                autoComplete: A ? "on" : "off",
-                placeholder: l ? void 0 : $,
-                "aria-label": l || p,
+                autoComplete: F ? "on" : "off",
+                placeholder: m ? void 0 : $,
+                "aria-label": m || p,
                 "aria-invalid": !!o,
-                "aria-errormessage": typeof o == "string" ? o : x,
+                "aria-errormessage": typeof o == "string" ? o : S,
                 "aria-required": b,
-                "aria-readonly": W,
-                "aria-describedby": o ? x : d ? g : void 0,
-                "aria-disabled": S,
+                "aria-readonly": C,
+                "aria-describedby": o ? S : r ? w : void 0,
+                "aria-disabled": O,
                 "data-testid": V,
-                ref: F,
-                className: r(
+                ref: q,
+                className: d(
                   "proton-Input",
                   o && "proton-Input--error",
-                  l && "proton-Input__label-top",
+                  m && "proton-Input__label-top",
                   B
                 )
               }
             ),
-            /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ i.jsxs(
               "label",
               {
-                htmlFor: C,
-                className: r(
+                htmlFor: P,
+                className: d(
                   "proton-Input__label",
                   j && "proton-Input__label--filled"
                 ),
                 children: [
-                  l,
-                  b && /* @__PURE__ */ n.jsx("span", { "aria-hidden": "true", children: " *" })
+                  m,
+                  b && /* @__PURE__ */ i.jsx("span", { "aria-hidden": "true", children: " *" })
                 ]
               }
             ),
-            f && /* @__PURE__ */ n.jsx(
+            l && /* @__PURE__ */ i.jsx(
               "div",
               {
                 ref: h,
-                className: r(
+                className: d(
                   "proton-Input__descriptor",
                   "proton-Input__suffix"
                 ),
-                children: f
+                children: l
               }
             )
           ]
         }
       ),
-      o ? /* @__PURE__ */ n.jsx(
+      o ? /* @__PURE__ */ i.jsx(
         "div",
         {
           role: "alert",
-          className: r("proton-Input__error", "proton-Input__text"),
-          id: x,
+          className: d("proton-Input__error", "proton-Input__text"),
+          id: S,
           children: o
         }
-      ) : d && w === "bottom" ? /* @__PURE__ */ n.jsx(
+      ) : r && T === "bottom" ? /* @__PURE__ */ i.jsx(
         "div",
         {
-          id: g,
+          id: w,
           className: "proton-Input__text",
           "aria-live": "polite",
-          children: d
+          children: r
         }
       ) : null
     ] });
   }
 );
-M.displayName = "ProtonUIInput";
+Q.displayName = "ProtonUIInput";
 export {
-  M as Input
+  Q as Input
 };
 //# sourceMappingURL=Input.es.js.map

package/dist/components/Input/BaseInput/Input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.es.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useRef } from \"react\";\n\nimport { useTheme } from \"../../ThemeProvider\";\nimport { csx } from \"../../../utils\";\nimport \"./Input.css\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\n\nexport interface BaseInputProps {\n  /**\n   * onChange handler for the input\n   */\n  onChange?: (value: string) => void;\n\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n\n  /** Description text shown above the input. */\n  description?: React.ReactNode | string;\n\n  /**\n   * The position of the description text.\n   * @default \"top\"\n   */\n  descriptionPosition?: \"top\" | \"bottom\";\n\n  /** Error state that changes the input's visual style and displays an error message. */\n  error?: React.ReactNode | string;\n\n  /**\n   * Label for the input element.\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\n   */\n  label?: string;\n\n  /** Test ID for the component. */\n  \"data-testid\"?: string;\n\n  /** Content to display before the input. Typically used for icons. */\n  prefix?: React.ReactNode;\n\n  /** Content to display after the input. Typically used for icons. */\n  suffix?: React.ReactNode;\n\n  /**\n   * Should the browser's autocomplete be enabled?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autoComplete?: boolean;\n\n  /**\n   * Should the input be autofocused?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\n   */\n  autoFocus?: boolean;\n\n  /**\n   * The name attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\n   */\n  name: string;\n\n  /**\n   * The placeholder text to display when the input is empty.\n   * @note label takes precedence over placeholder, if both are provided.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\n   */\n  placeholder?: string;\n\n  /**\n   * The type attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\n   * @default \"text\"\n   */\n  type?: string;\n\n  /**\n   * The value of the input.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\n   */\n  value?: string;\n\n  /**\n   * Whether the input is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /**\n   * Whether the input is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Called when the input is submitted (e.g. by pressing Enter).\n   */\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\n\n  /**\n   * Called when the input is cleared (e.g. by pressing Escape).\n   */\n  onClear?: () => void;\n}\n\n/**\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\n *\n * API:\n *  - {@link BaseInputProps}\n */\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\n  (\n    {\n      prefix,\n      suffix,\n      description,\n      descriptionPosition = \"top\",\n      isDisabled,\n      error,\n      onChange,\n      label,\n      name,\n      placeholder,\n      type = \"text\",\n      value,\n      autoFocus,\n      autoComplete,\n      isRequired = false,\n      isReadOnly = false,\n      onSubmit,\n      onClear,\n      \"data-testid\": testId,\n    },\n    forwardedRef: React.RefObject<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const prefixRef = useRef<HTMLDivElement>(null);\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { className } = useTheme();\n    const ref = forwardedRef || inputRef;\n\n    // Control dynamic prefix and suffix widths using ResizeObserver\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      // #region agent log\n      let callbackCount = 0;\n      let lastUpdateTime = Date.now();\n      const previousValues = {\n        containerWidth: 0,\n        prefixWidth: 0,\n        suffixWidth: 0,\n      };\n      // #endregion\n\n      const updateSizes = (entries?: ResizeObserverEntry[]) => {\n        // #region agent log\n        callbackCount++;\n        const now = Date.now();\n        const timeSinceLastUpdate = now - lastUpdateTime;\n        lastUpdateTime = now;\n        const triggeredBy =\n          entries?.map((e) => e.target.className || \"unknown\").join(\",\") ||\n          \"initial\";\n        fetch(\n          \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              location: \"Input.tsx:149\",\n              message: \"ResizeObserver callback invoked\",\n              data: { callbackCount, timeSinceLastUpdate, triggeredBy },\n              timestamp: Date.now(),\n              sessionId: \"debug-session\",\n              runId: \"run1\",\n              hypothesisId: \"A\",\n            }),\n          }\n        ).catch(() => {});\n        // #endregion\n\n        if (containerRef.current) {\n          const containerWidth = containerRef.current.offsetWidth || 200;\n          // #region agent log\n          const containerWidthChanged =\n            containerWidth !== previousValues.containerWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:152\",\n                message: \"Reading container width\",\n                data: {\n                  containerWidth,\n                  previousValue: previousValues.containerWidth,\n                  changed: containerWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current.style.setProperty(\n            \"--container-width\",\n            `${containerWidth}px`\n          );\n          // #region agent log\n          previousValues.containerWidth = containerWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:157\",\n                message: \"Set container-width CSS property\",\n                data: { containerWidth, changed: containerWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        if (prefixRef.current) {\n          const prefixWidth = prefixRef.current.offsetWidth || 32;\n          // #region agent log\n          const prefixWidthChanged = prefixWidth !== previousValues.prefixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:163\",\n                message: \"Reading prefix width\",\n                data: {\n                  prefixWidth,\n                  previousValue: previousValues.prefixWidth,\n                  changed: prefixWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current?.style.setProperty(\n            \"--prefix-width\",\n            `${prefixWidth}px`\n          );\n          // #region agent log\n          previousValues.prefixWidth = prefixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:168\",\n                message: \"Set prefix-width CSS property\",\n                data: { prefixWidth, changed: prefixWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        if (suffixRef.current) {\n          const suffixWidth = suffixRef.current.offsetWidth || 32;\n          // #region agent log\n          const suffixWidthChanged = suffixWidth !== previousValues.suffixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:174\",\n                message: \"Reading suffix width\",\n                data: {\n                  suffixWidth,\n                  previousValue: previousValues.suffixWidth,\n                  changed: suffixWidthChanged,\n                },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"C\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n          containerRef.current?.style.setProperty(\n            \"--suffix-width\",\n            `${suffixWidth}px`\n          );\n          // #region agent log\n          previousValues.suffixWidth = suffixWidth;\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:179\",\n                message: \"Set suffix-width CSS property\",\n                data: { suffixWidth, changed: suffixWidthChanged },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"A\",\n              }),\n            }\n          ).catch(() => {});\n          // #endregion\n        }\n\n        // #region agent log\n        if (timeSinceLastUpdate < 10) {\n          fetch(\n            \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n            {\n              method: \"POST\",\n              headers: { \"Content-Type\": \"application/json\" },\n              body: JSON.stringify({\n                location: \"Input.tsx:185\",\n                message: \"Rapid callback detected\",\n                data: { callbackCount, timeSinceLastUpdate },\n                timestamp: Date.now(),\n                sessionId: \"debug-session\",\n                runId: \"run1\",\n                hypothesisId: \"E\",\n              }),\n            }\n          ).catch(() => {});\n        }\n        // #endregion\n      };\n\n      updateSizes();\n\n      const resizeObserver = new ResizeObserver(updateSizes);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n      if (prefixRef.current) {\n        resizeObserver.observe(prefixRef.current);\n      }\n      if (suffixRef.current) {\n        resizeObserver.observe(suffixRef.current);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, [prefix, suffix]);\n\n    const inputId = `${name}-input`;\n    const errorId = `${name}-error`;\n    const descriptionId = `${name}-description`;\n\n    return (\n      <div ref={containerRef} className=\"proton-Input__container\">\n        {description && descriptionPosition === \"top\" && (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        )}\n        <div\n          className={csx(\n            \"proton-Input__container-inner\",\n            prefix && \"proton-Input__has-prefix\",\n            suffix && \"proton-Input__has-suffix\"\n          )}\n        >\n          {prefix && (\n            <div\n              ref={prefixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__prefix\"\n              )}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            id={inputId}\n            name={name}\n            type={type}\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              onChange?.(e.target.value);\n            }}\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n              switch (e.key) {\n                case \"Enter\":\n                  if (onSubmit) {\n                    e.preventDefault();\n                    onSubmit(e);\n                  }\n                  break;\n                case \"Escape\":\n                  if (onClear) {\n                    e.preventDefault();\n                    onClear();\n                  }\n                  break;\n              }\n            }}\n            onCopy={async () =>\n              await copyTextToClipboard(inputRef.current?.value)\n            }\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            required={isRequired}\n            autoFocus={autoFocus}\n            autoComplete={autoComplete ? \"on\" : \"off\"}\n            placeholder={label ? undefined : placeholder}\n            aria-label={label || name}\n            aria-invalid={Boolean(error)}\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\n            aria-required={isRequired}\n            aria-readonly={isReadOnly}\n            aria-describedby={\n              error ? errorId : description ? descriptionId : undefined\n            }\n            aria-disabled={isDisabled}\n            data-testid={testId}\n            ref={ref}\n            className={csx(\n              \"proton-Input\",\n              error && \"proton-Input--error\",\n              label && \"proton-Input__label-top\",\n              className\n            )}\n          />\n\n          <label\n            htmlFor={inputId}\n            className={csx(\n              \"proton-Input__label\",\n              value && \"proton-Input__label--filled\"\n            )}\n          >\n            {label}\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\n          </label>\n\n          {suffix && (\n            <div\n              ref={suffixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__suffix\"\n              )}\n            >\n              {suffix}\n            </div>\n          )}\n        </div>\n\n        {error ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : description && descriptionPosition === \"bottom\" ? (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"ProtonUIInput\";\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","callbackCount","lastUpdateTime","previousValues","updateSizes","entries","now","timeSinceLastUpdate","triggeredBy","e","containerWidth","containerWidthChanged","prefixWidth","prefixWidthChanged","_a","suffixWidth","suffixWidthChanged","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","copyTextToClipboard"],"mappings":";;;;;;AAgHO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAeC;AAAA,KAEjBC,MACG;AACG,UAAAC,IAAWC,EAAyB,IAAI,GACxCC,IAAYD,EAAuB,IAAI,GACvCE,IAAYF,EAAuB,IAAI,GACvCG,IAAeH,EAAuB,IAAI,GAC1C,EAAE,WAAAI,MAAcC,KAChBC,IAAMR,KAAgBC;AAG5B,IAAAQ,EAAU,MAAM;AACV,UAAA,CAACJ,EAAa,QAAS;AAG3B,UAAIK,IAAgB,GAChBC,IAAiB,KAAK;AAC1B,YAAMC,IAAiB;AAAA,QACrB,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,GAITC,IAAc,CAACC,MAAoC;;AAEvD,QAAAJ;AACM,cAAAK,IAAM,KAAK,OACXC,IAAsBD,IAAMJ;AACjB,QAAAA,IAAAI;AACjB,cAAME,KACJH,KAAA,gBAAAA,EAAS,IAAI,CAACI,MAAMA,EAAE,OAAO,aAAa,WAAW,KAAK,SAC1D;AAmBF,YAlBA;AAAA,UACE;AAAA,UACA;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU;AAAA,cACnB,UAAU;AAAA,cACV,SAAS;AAAA,cACT,MAAM,EAAE,eAAAR,GAAe,qBAAAM,GAAqB,aAAAC,EAAY;AAAA,cACxD,WAAW,KAAK,IAAI;AAAA,cACpB,WAAW;AAAA,cACX,OAAO;AAAA,cACP,cAAc;AAAA,YAAA,CACf;AAAA,UACH;AAAA,QACF,EAAE,MAAM,MAAM;AAAA,QAAA,CAAE,GAGZZ,EAAa,SAAS;AAClB,gBAAAc,IAAiBd,EAAa,QAAQ,eAAe,KAErDe,IACJD,MAAmBP,EAAe;AACpC;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM;AAAA,kBACJ,gBAAAO;AAAA,kBACA,eAAeP,EAAe;AAAA,kBAC9B,SAASQ;AAAA,gBACX;AAAA,gBACA,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE,GAEhBf,EAAa,QAAQ,MAAM;AAAA,YACzB;AAAA,YACA,GAAGc,CAAc;AAAA,UAAA,GAGnBP,EAAe,iBAAiBO,GAChC;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM,EAAE,gBAAAA,GAAgB,SAASC,EAAsB;AAAA,gBACvD,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE;AAAA,QAElB;AAEA,YAAIjB,EAAU,SAAS;AACf,gBAAAkB,IAAclB,EAAU,QAAQ,eAAe,IAE/CmB,IAAqBD,MAAgBT,EAAe;AAC1D;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM;AAAA,kBACJ,aAAAS;AAAA,kBACA,eAAeT,EAAe;AAAA,kBAC9B,SAASU;AAAA,gBACX;AAAA,gBACA,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE,IAEhBC,IAAAlB,EAAa,YAAb,QAAAkB,EAAsB,MAAM;AAAA,YAC1B;AAAA,YACA,GAAGF,CAAW;AAAA,aAGhBT,EAAe,cAAcS,GAC7B;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM,EAAE,aAAAA,GAAa,SAASC,EAAmB;AAAA,gBACjD,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE;AAAA,QAElB;AAEA,YAAIlB,EAAU,SAAS;AACf,gBAAAoB,IAAcpB,EAAU,QAAQ,eAAe,IAE/CqB,IAAqBD,MAAgBZ,EAAe;AAC1D;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM;AAAA,kBACJ,aAAAY;AAAA,kBACA,eAAeZ,EAAe;AAAA,kBAC9B,SAASa;AAAA,gBACX;AAAA,gBACA,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE,IAEhBC,IAAArB,EAAa,YAAb,QAAAqB,EAAsB,MAAM;AAAA,YAC1B;AAAA,YACA,GAAGF,CAAW;AAAA,aAGhBZ,EAAe,cAAcY,GAC7B;AAAA,YACE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,cAC9C,MAAM,KAAK,UAAU;AAAA,gBACnB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM,EAAE,aAAAA,GAAa,SAASC,EAAmB;AAAA,gBACjD,WAAW,KAAK,IAAI;AAAA,gBACpB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,cAAc;AAAA,cAAA,CACf;AAAA,YACH;AAAA,UACF,EAAE,MAAM,MAAM;AAAA,UAAA,CAAE;AAAA,QAElB;AAGA,QAAIT,IAAsB,MACxB;AAAA,UACE;AAAA,UACA;AAAA,YACE,QAAQ;AAAA,YACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,YAC9C,MAAM,KAAK,UAAU;AAAA,cACnB,UAAU;AAAA,cACV,SAAS;AAAA,cACT,MAAM,EAAE,eAAAN,GAAe,qBAAAM,EAAoB;AAAA,cAC3C,WAAW,KAAK,IAAI;AAAA,cACpB,WAAW;AAAA,cACX,OAAO;AAAA,cACP,cAAc;AAAA,YAAA,CACf;AAAA,UACH;AAAA,QACF,EAAE,MAAM,MAAM;AAAA,QAAA,CAAE;AAAA,MAClB;AAIU,MAAAH;AAEN,YAAAc,IAAiB,IAAI,eAAed,CAAW;AAErD,aAAIR,EAAa,WACAsB,EAAA,QAAQtB,EAAa,OAAO,GAEzCF,EAAU,WACGwB,EAAA,QAAQxB,EAAU,OAAO,GAEtCC,EAAU,WACGuB,EAAA,QAAQvB,EAAU,OAAO,GAGnC,MAAM;AACX,QAAAuB,EAAe,WAAW;AAAA,MAAA;AAAA,IAC5B,GACC,CAAC9C,GAAQC,CAAM,CAAC;AAEb,UAAA8C,IAAU,GAAGvC,CAAI,UACjBwC,IAAU,GAAGxC,CAAI,UACjByC,IAAgB,GAAGzC,CAAI;AAE7B,WACG0C,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAK1B,GAAc,WAAU,2BAC/B,UAAA;AAAA,MAAAtB,KAAeC,MAAwB,SACtCgD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIF;AAAA,UACJ,WAAU;AAAA,UACV,aAAU;AAAA,UAET,UAAA/C;AAAA,QAAA;AAAA,MACH;AAAA,MAEFgD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACApD,KAAU;AAAA,YACVC,KAAU;AAAA,UACZ;AAAA,UAEC,UAAA;AAAA,YACCD,KAAAmD,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK7B;AAAA,gBACL,WAAW8B;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAApD;AAAA,cAAA;AAAA,YACH;AAAA,YAGFmD,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAIJ;AAAA,gBACJ,MAAAvC;AAAA,gBACA,MAAAE;AAAA,gBACA,OAAAC;AAAA,gBACA,UAAU,CAAC,MAA2C;AACzC,kBAAAL,KAAA,QAAAA,EAAA,EAAE,OAAO;AAAA,gBACtB;AAAA,gBACA,WAAW,CAAC,MAA6C;AACvD,0BAAQ,EAAE,KAAK;AAAA,oBACb,KAAK;AACH,sBAAIU,MACF,EAAE,eAAe,GACjBA,EAAS,CAAC;AAEZ;AAAA,oBACF,KAAK;AACH,sBAAIC,MACF,EAAE,eAAe,GACTA;AAEV;AAAA,kBACJ;AAAA,gBACF;AAAA,gBACA,QAAQ,YAAA;;AACN,+BAAMoC,GAAoBX,IAAAtB,EAAS,YAAT,gBAAAsB,EAAkB,KAAK;AAAA;AAAA,gBAEnD,UAAUtC;AAAA,gBACV,UAAUW;AAAA,gBACV,UAAUD;AAAA,gBACV,WAAAF;AAAA,gBACA,cAAcC,IAAe,OAAO;AAAA,gBACpC,aAAaN,IAAQ,SAAYE;AAAA,gBACjC,cAAYF,KAASC;AAAA,gBACrB,gBAAc,EAAQH;AAAA,gBACtB,qBAAmB,OAAOA,KAAU,WAAWA,IAAQ2C;AAAA,gBACvD,iBAAelC;AAAA,gBACf,iBAAeC;AAAA,gBACf,oBACEV,IAAQ2C,IAAU9C,IAAc+C,IAAgB;AAAA,gBAElD,iBAAe7C;AAAA,gBACf,eAAac;AAAA,gBACb,KAAAS;AAAA,gBACA,WAAWyB;AAAA,kBACT;AAAA,kBACA/C,KAAS;AAAA,kBACTE,KAAS;AAAA,kBACTkB;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YAEAyB,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASH;AAAA,gBACT,WAAWK;AAAA,kBACT;AAAA,kBACAzC,KAAS;AAAA,gBACX;AAAA,gBAEC,UAAA;AAAA,kBAAAJ;AAAA,kBACAO,KAAcqC,gBAAAA,EAAA,IAAC,QAAK,EAAA,eAAY,QAAO,UAAE,MAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC5C;AAAA,YAEClD,KACCkD,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK5B;AAAA,gBACL,WAAW6B;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAnD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAECI,IACC8C,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWC,EAAI,uBAAuB,oBAAoB;AAAA,UAC1D,IAAIJ;AAAA,UAEH,UAAA3C;AAAA,QAAA;AAAA,MAAA,IAEDH,KAAeC,MAAwB,WACzCgD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIF;AAAA,UACJ,WAAU;AAAA,UACV,aAAU;AAAA,UAET,UAAA/C;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,IACN,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAJ,EAAM,cAAc;"}
+{"version":3,"file":"Input.es.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useRef } from \"react\";\n\nimport { useTheme } from \"../../ThemeProvider\";\nimport { csx } from \"../../../utils\";\nimport \"./Input.css\";\nimport { copyTextToClipboard } from \"../../../utils/copy\";\n\nexport interface BaseInputProps {\n  /**\n   * onChange handler for the input\n   */\n  onChange?: (value: string) => void;\n\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n\n  /** Description text shown above the input. */\n  description?: React.ReactNode | string;\n\n  /**\n   * The position of the description text.\n   * @default \"top\"\n   */\n  descriptionPosition?: \"top\" | \"bottom\";\n\n  /** Error state that changes the input's visual style and displays an error message. */\n  error?: React.ReactNode | string;\n\n  /**\n   * Label for the input element.\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\n   */\n  label?: string;\n\n  /** Test ID for the component. */\n  \"data-testid\"?: string;\n\n  /** Content to display before the input. Typically used for icons. */\n  prefix?: React.ReactNode;\n\n  /** Content to display after the input. Typically used for icons. */\n  suffix?: React.ReactNode;\n\n  /**\n   * Should the browser's autocomplete be enabled?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autoComplete?: boolean;\n\n  /**\n   * Should the input be autofocused?\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\n   */\n  autoFocus?: boolean;\n\n  /**\n   * The name attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\n   */\n  name: string;\n\n  /**\n   * The placeholder text to display when the input is empty.\n   * @note label takes precedence over placeholder, if both are provided.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\n   */\n  placeholder?: string;\n\n  /**\n   * The type attribute of the input element.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\n   * @default \"text\"\n   */\n  type?: string;\n\n  /**\n   * The value of the input.\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\n   */\n  value?: string;\n\n  /**\n   * Whether the input is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /**\n   * Whether the input is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Called when the input is submitted (e.g. by pressing Enter).\n   */\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\n\n  /**\n   * Called when the input is cleared (e.g. by pressing Escape).\n   */\n  onClear?: () => void;\n}\n\n/**\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\n *\n * API:\n *  - {@link BaseInputProps}\n */\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\n  (\n    {\n      prefix,\n      suffix,\n      description,\n      descriptionPosition = \"top\",\n      isDisabled,\n      error,\n      onChange,\n      label,\n      name,\n      placeholder,\n      type = \"text\",\n      value,\n      autoFocus,\n      autoComplete,\n      isRequired = false,\n      isReadOnly = false,\n      onSubmit,\n      onClear,\n      \"data-testid\": testId,\n    },\n    forwardedRef: React.RefObject<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const prefixRef = useRef<HTMLDivElement>(null);\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { className } = useTheme();\n    const ref = forwardedRef || inputRef;\n\n    // Control dynamic prefix and suffix widths using ResizeObserver\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      // #region agent log\n      let callbackCount = 0;\n      let lastUpdateTime = Date.now();\n      const previousValues = {\n        containerWidth: 0,\n        prefixWidth: 0,\n        suffixWidth: 0,\n      };\n      // #endregion\n\n      let rafId: number | null = null;\n\n      const updateSizes = (entries?: ResizeObserverEntry[]) => {\n        // #region agent log\n        callbackCount++;\n        const now = Date.now();\n        const timeSinceLastUpdate = now - lastUpdateTime;\n        lastUpdateTime = now;\n        const triggeredBy =\n          entries?.map((e) => e.target.className || \"unknown\").join(\",\") ||\n          \"initial\";\n        fetch(\n          \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              location: \"Input.tsx:149\",\n              message: \"ResizeObserver callback invoked\",\n              data: { callbackCount, timeSinceLastUpdate, triggeredBy },\n              timestamp: Date.now(),\n              sessionId: \"debug-session\",\n              runId: \"post-fix\",\n              hypothesisId: \"A\",\n            }),\n          }\n        ).catch(() => {});\n        // #endregion\n\n        // Cancel any pending animation frame\n        if (rafId !== null) {\n          cancelAnimationFrame(rafId);\n        }\n\n        // Batch DOM updates in requestAnimationFrame to avoid synchronous mutations\n        rafId = requestAnimationFrame(() => {\n          if (!containerRef.current) return;\n\n          if (containerRef.current) {\n            const containerWidth = containerRef.current.offsetWidth || 200;\n            // #region agent log\n            const containerWidthChanged =\n              containerWidth !== previousValues.containerWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:152\",\n                  message: \"Reading container width\",\n                  data: {\n                    containerWidth,\n                    previousValue: previousValues.containerWidth,\n                    changed: containerWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (containerWidthChanged) {\n              containerRef.current.style.setProperty(\n                \"--container-width\",\n                `${containerWidth}px`\n              );\n              // #region agent log\n              previousValues.containerWidth = containerWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:157\",\n                    message: \"Set container-width CSS property\",\n                    data: { containerWidth, changed: containerWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:157\",\n                    message: \"Skipped setting container-width (unchanged)\",\n                    data: { containerWidth, changed: containerWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          if (prefixRef.current) {\n            const prefixWidth = prefixRef.current.offsetWidth || 32;\n            // #region agent log\n            const prefixWidthChanged =\n              prefixWidth !== previousValues.prefixWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:163\",\n                  message: \"Reading prefix width\",\n                  data: {\n                    prefixWidth,\n                    previousValue: previousValues.prefixWidth,\n                    changed: prefixWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (prefixWidthChanged) {\n              containerRef.current?.style.setProperty(\n                \"--prefix-width\",\n                `${prefixWidth}px`\n              );\n              // #region agent log\n              previousValues.prefixWidth = prefixWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:168\",\n                    message: \"Set prefix-width CSS property\",\n                    data: { prefixWidth, changed: prefixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:168\",\n                    message: \"Skipped setting prefix-width (unchanged)\",\n                    data: { prefixWidth, changed: prefixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          if (suffixRef.current) {\n            const suffixWidth = suffixRef.current.offsetWidth || 32;\n            // #region agent log\n            const suffixWidthChanged =\n              suffixWidth !== previousValues.suffixWidth;\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:174\",\n                  message: \"Reading suffix width\",\n                  data: {\n                    suffixWidth,\n                    previousValue: previousValues.suffixWidth,\n                    changed: suffixWidthChanged,\n                  },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"C\",\n                }),\n              }\n            ).catch(() => {});\n            // #endregion\n            // Only set CSS property if value actually changed\n            if (suffixWidthChanged) {\n              containerRef.current?.style.setProperty(\n                \"--suffix-width\",\n                `${suffixWidth}px`\n              );\n              // #region agent log\n              previousValues.suffixWidth = suffixWidth;\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:179\",\n                    message: \"Set suffix-width CSS property\",\n                    data: { suffixWidth, changed: suffixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"A\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            } else {\n              // #region agent log\n              fetch(\n                \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n                {\n                  method: \"POST\",\n                  headers: { \"Content-Type\": \"application/json\" },\n                  body: JSON.stringify({\n                    location: \"Input.tsx:179\",\n                    message: \"Skipped setting suffix-width (unchanged)\",\n                    data: { suffixWidth, changed: suffixWidthChanged },\n                    timestamp: Date.now(),\n                    sessionId: \"debug-session\",\n                    runId: \"post-fix\",\n                    hypothesisId: \"C\",\n                  }),\n                }\n              ).catch(() => {});\n              // #endregion\n            }\n          }\n\n          // #region agent log\n          if (timeSinceLastUpdate < 10) {\n            fetch(\n              \"http://127.0.0.1:7243/ingest/f16ad2de-908b-4cb9-a792-256436a5e324\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application/json\" },\n                body: JSON.stringify({\n                  location: \"Input.tsx:185\",\n                  message: \"Rapid callback detected\",\n                  data: { callbackCount, timeSinceLastUpdate },\n                  timestamp: Date.now(),\n                  sessionId: \"debug-session\",\n                  runId: \"post-fix\",\n                  hypothesisId: \"E\",\n                }),\n              }\n            ).catch(() => {});\n          }\n          // #endregion\n        });\n      };\n\n      updateSizes();\n\n      const resizeObserver = new ResizeObserver(updateSizes);\n\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n      if (prefixRef.current) {\n        resizeObserver.observe(prefixRef.current);\n      }\n      if (suffixRef.current) {\n        resizeObserver.observe(suffixRef.current);\n      }\n\n      return () => {\n        if (rafId !== null) {\n          cancelAnimationFrame(rafId);\n        }\n        resizeObserver.disconnect();\n      };\n    }, [prefix, suffix]);\n\n    const inputId = `${name}-input`;\n    const errorId = `${name}-error`;\n    const descriptionId = `${name}-description`;\n\n    return (\n      <div ref={containerRef} className=\"proton-Input__container\">\n        {description && descriptionPosition === \"top\" && (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        )}\n        <div\n          className={csx(\n            \"proton-Input__container-inner\",\n            prefix && \"proton-Input__has-prefix\",\n            suffix && \"proton-Input__has-suffix\"\n          )}\n        >\n          {prefix && (\n            <div\n              ref={prefixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__prefix\"\n              )}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <input\n            id={inputId}\n            name={name}\n            type={type}\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              onChange?.(e.target.value);\n            }}\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n              switch (e.key) {\n                case \"Enter\":\n                  if (onSubmit) {\n                    e.preventDefault();\n                    onSubmit(e);\n                  }\n                  break;\n                case \"Escape\":\n                  if (onClear) {\n                    e.preventDefault();\n                    onClear();\n                  }\n                  break;\n              }\n            }}\n            onCopy={async () =>\n              await copyTextToClipboard(inputRef.current?.value)\n            }\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            required={isRequired}\n            autoFocus={autoFocus}\n            autoComplete={autoComplete ? \"on\" : \"off\"}\n            placeholder={label ? undefined : placeholder}\n            aria-label={label || name}\n            aria-invalid={Boolean(error)}\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\n            aria-required={isRequired}\n            aria-readonly={isReadOnly}\n            aria-describedby={\n              error ? errorId : description ? descriptionId : undefined\n            }\n            aria-disabled={isDisabled}\n            data-testid={testId}\n            ref={ref}\n            className={csx(\n              \"proton-Input\",\n              error && \"proton-Input--error\",\n              label && \"proton-Input__label-top\",\n              className\n            )}\n          />\n\n          <label\n            htmlFor={inputId}\n            className={csx(\n              \"proton-Input__label\",\n              value && \"proton-Input__label--filled\"\n            )}\n          >\n            {label}\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\n          </label>\n\n          {suffix && (\n            <div\n              ref={suffixRef}\n              className={csx(\n                \"proton-Input__descriptor\",\n                \"proton-Input__suffix\"\n              )}\n            >\n              {suffix}\n            </div>\n          )}\n        </div>\n\n        {error ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : description && descriptionPosition === \"bottom\" ? (\n          <div\n            id={descriptionId}\n            className=\"proton-Input__text\"\n            aria-live=\"polite\"\n          >\n            {description}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"ProtonUIInput\";\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","callbackCount","lastUpdateTime","previousValues","rafId","updateSizes","entries","now","timeSinceLastUpdate","triggeredBy","e","containerWidth","containerWidthChanged","prefixWidth","prefixWidthChanged","_a","suffixWidth","suffixWidthChanged","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","copyTextToClipboard"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.23-beta.4",
+  "version": "0.11.23-beta.5",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",