{"version":3,"sources":["../src/components/Input/useInput.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useInputBase_unstable } from '@fluentui/react-input';\n\nimport type { InputProps, InputState } from './Input.types';\nimport { stringifyDataAttribute } from '../../utils';\n\n/**\n * Returns the state for an Input component, given its props and ref.\n * The returned state can be modified with hooks before being passed to `renderInput`.\n */\nexport const useInput = (props: InputProps, ref: React.Ref<HTMLInputElement>): InputState => {\n  const state: InputState = useInputBase_unstable(props, ref);\n\n  // Set data attribute for disabled state to simplify styling.\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-disabled'] = stringifyDataAttribute(state.input.disabled);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-invalid'] = stringifyDataAttribute(\n    state.input['aria-invalid'] === true || state.input['aria-invalid'] === 'true',\n  );\n\n  return state;\n};\n"],"names":["useInput","props","ref","state","useInputBase_unstable","root","stringifyDataAttribute","input","disabled"],"mappings":"AAAA;;;;;+BAYaA;;;eAAAA;;;4BATyB;uBAGC;AAMhC,MAAMA,WAAW,CAACC,OAAmBC;IAC1C,MAAMC,QAAoBC,IAAAA,iCAAqB,EAACH,OAAOC;IAEvD,6DAA6D;IAC7D,oDAAoD;IACpDC,MAAME,IAAI,CAAC,gBAAgB,GAAGC,IAAAA,6BAAsB,EAACH,MAAMI,KAAK,CAACC,QAAQ;IACzE,oDAAoD;IACpDL,MAAME,IAAI,CAAC,eAAe,GAAGC,IAAAA,6BAAsB,EACjDH,MAAMI,KAAK,CAAC,eAAe,KAAK,QAAQJ,MAAMI,KAAK,CAAC,eAAe,KAAK;IAG1E,OAAOJ;AACT"}