{"version":3,"file":"UInput.spec.ts.mjs","names":["exports"],"sources":["../../../../src/components/UInput/__snapshots__/UInput.spec.ts.snap"],"sourcesContent":["// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html\n\nexports[`UInput > should render appendIcon when appendIcon prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!----><i color=\\\\\"gray-400\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" role=\\\\\"button\\\\\" aria-hidden=\\\\\"false\\\\\" class=\\\\\"undefined-icon v-icon--clickable mx-auto flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-500 stroke-gray-400\\\\\" style=\\\\\"height: 16px; width: 16px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n        <path d=\\\\\"M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n      </svg></i>\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render correctly 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render correctly when name prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" name=\\\\\"name\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render correctly when type prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render disabled state with enabled false prop 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\" enabled=\\\\\"false\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render enabled state with enabled prop 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\" enabled=\\\\\"true\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render error state with error prop 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-error-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <div class=\\\\\"error\\\\\">\n    <div class=\\\\\"font-regular text-error-500 text-text-sm\\\\\" data-key=\\\\\"0\\\\\">errorMessage 1</div>\n  </div>\n</div>\"\n`;\n\nexports[`UInput > should render hint when hint prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <div class=\\\\\"font-regular text-gray-600 text-text-sm\\\\\">hint</div>\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render hints when autocomplete prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"on\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render label when label prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <div class=\\\\\"label font-medium text-gray-700 text-text-sm\\\\\">label</div>\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render md size when size prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3.5 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[9px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render placeholder when placeholder prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input placeholder=\\\\\"placeholder\\\\\" class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render prependIcon when prependIcon prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <div><i color=\\\\\"gray-500\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-600 stroke-gray-500\\\\\" style=\\\\\"height: 20px; width: 20px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n          <path d=\\\\\"M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n        </svg></i></div>\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render sm size when size prop is passed 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <!---->\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n\nexports[`UInput > should render tooltip when tooltip props when passed and icon is hovered 1`] = `\n\"<div class=\\\\\"box-border flex flex-col gap-1.5 w-full\\\\\">\n  <!---->\n  <div class=\\\\\"inputContainer overflow-x-auto box-border flex items-center gap-2 font-regular rounded-md border px-3 border-gray-300\\\\\">\n    <!---->\n    <!----><input class=\\\\\"box-border min-w-[140px] w-full flex-grow bg-transparent font-regular text-gray-900 text-text-md py-[7px]\\\\\" style=\\\\\"outline: 0; border: 0px; --tw-ring-offset-width: 0;\\\\\" type=\\\\\"text\\\\\" autocomplete=\\\\\"off\\\\\">\n    <div class=\\\\\"inline-block\\\\\">\n      <div class=\\\\\"toggle w-fit h-fit\\\\\"><i color=\\\\\"gray-400\\\\\" ishover=\\\\\"false\\\\\" isactive=\\\\\"false\\\\\" aria-hidden=\\\\\"true\\\\\" class=\\\\\"undefined-icon mx-auto flex box-border\\\\\"><svg class=\\\\\"u-icon__svg hover:stroke-gray-500 stroke-gray-400\\\\\" style=\\\\\"height: 16px; width: 16px;\\\\\" xmlns=\\\\\"http://www.w3.org/2000/svg\\\\\" viewBox=\\\\\"0 0 24 24\\\\\" role=\\\\\"img\\\\\" aria-hidden=\\\\\"true\\\\\" fill=\\\\\"none\\\\\">\n            <path d=\\\\\"M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\\\\\" stroke-width=\\\\\"2\\\\\" stroke-linecap=\\\\\"round\\\\\" stroke-linejoin=\\\\\"round\\\\\"></path>\n          </svg></i></div>\n      <div class=\\\\\"gap-1 absolute flex flex-col font-medium max-w-sm py-2 px-3 text-text-xs\n      rounded-lg w-fit bg-gray-900 text-white shadow\n          shadow-lg shadow-gray-900 tooltip opacity-0\\\\\">\n        <div>tooltipTitle</div>\n        <div>tooltipText</div>\n      </div>\n    </div>\n    <!---->\n  </div>\n  <!---->\n  <!---->\n</div>\"\n`;\n"],"mappings":"AAAA;;AAEAA,OAAO,sEAAsE,85CAa5E;AAEDA,OAAO,sCAAsC,wiBAY5C;AAEDA,OAAO,+DAA+D,0jBAYrE;AAEDA,OAAO,+DAA+D,wiBAYrE;AAEDA,OAAO,mEAAmE,8jBAYzE;AAEDA,OAAO,4DAA4D,6jBAYlE;AAEDA,OAAO,wDAAwD,8qBAc9D;AAEDA,OAAO,0DAA0D,smBAYhE;AAEDA,OAAO,mEAAmE,uiBAYzE;AAEDA,OAAO,4DAA4D,4mBAYlE;AAEDA,OAAO,6DAA6D,0iBAYnE;AAEDA,OAAO,wEAAwE,wkBAY9E;AAEDA,OAAO,wEAAwE,o4CAc9E;AAEDA,OAAO,6DAA6D,wiBAYnE;AAEDA,OAAO,uFAAuF,qwDAsB7F"}